body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";color:#333;background-color:#333;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}.navbar{width:100%;min-height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-left:3%;padding-right:3%;background:#181717;color:#eaeaea;font-family:Red Hat Display,sans-serif}.nav-links{grid-column:2;justify-self:center;display:flex;flex-wrap:wrap;gap:5%;font-size:clamp(21px,1.6vw,35px);color:gold;font-weight:400}.name:hover{cursor:pointer;color:#cecece}.nav-link:hover{color:#c3a602;cursor:pointer}.social-icons{grid-column:3;justify-self:end;display:flex;gap:30px}.icon{height:clamp(30px,3vw,80px);width:auto;filter:invert(50%) sepia(100%) saturate(2000%) hue-rotate(30deg) brightness(150%) contrast(100%)}.icon:hover{cursor:pointer;color:gray;filter:invert(50%) sepia(90%) saturate(600%) hue-rotate(20deg) brightness(100%) contrast(100%)}.footer{font-family:Red Hat Display,sans-serif;font-size:clamp(15px,1vw,30px);display:flex;align-items:flex-end;width:100%;justify-content:center;padding-bottom:1.2vh;color:gold}.body{display:flex;padding-top:3%;justify-content:center;flex-direction:column;padding-left:10%;align-items:flex-start;width:100%;color:gold}.wrapper{display:flex;flex-direction:row;width:100%;max-width:1500px;margin-top:30px;gap:50px}.introtext{display:flex;flex-direction:column;max-width:800px;flex:4}.me-container{flex:2;display:flex;justify-content:center;align-items:center}.hi{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:60px;margin-bottom:3vh}.aboutme{font-size:20px;width:100%}.me{height:500px;width:auto;border-radius:100px}.skillhead{font-size:40px}.skillbody{display:flex;flex-direction:row;flex-wrap:wrap;gap:5%;font-size:25px;padding-left:50px;padding-top:50px;width:80vw;justify-content:center;row-gap:40px;margin-bottom:30px}.skilldesc{display:flex;flex-direction:column;font-size:25px;justify-content:center;align-items:center}.skillbox{display:flex;flex-direction:row;flex-wrap:wrap;font-size:20px;height:270px;width:270px;gap:30px;justify-content:center;align-items:center;padding:10px;background-color:gold;border:1px solid black;border-radius:20px;color:#222}.marginbot{margin-bottom:10px}.underconst{display:flex;justify-content:center;align-items:center;height:500px;color:gold;font-size:20px}.cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;height:auto;width:100%;margin-top:40px;column-gap:5vw;row-gap:3vw;margin-bottom:20px}.projbody{color:gold;border:1px solid #FFD700;width:35%;height:auto;padding:5px;flex-direction:column;display:flex;border-radius:6px}.projheader{display:flex;justify-content:center;align-items:center;flex-direction:column}.projimg{width:80%;height:auto;margin:15px}.projectdesc{padding:0 1% 1%}.resume{display:flex;justify-content:center;align-items:center}.resumeimg{width:50%;height:auto}