@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600;700&display=swap";body{margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.Nav{opacity:.95;background-color:#f6f3ee;justify-content:space-between;align-items:center;height:10vh;margin:0;padding:0 40px 0 0;font-family:Inika,serif;display:flex}.Navbar{z-index:100;position:sticky;top:0}.Nav ul{justify-content:space-between;align-items:center;gap:25px;margin:0;padding:0;font-size:clamp(1rem,1vw + .8rem,2rem);list-style:none;display:flex}.Nav img{max-width:50px;max-height:50px}.mainNav{margin-left:20px}.mainNav li{padding-left:10px;padding-right:10px}.name{flex:1;margin:0 0 0 50px;font-size:clamp(1rem,2vw + .5rem,4rem)}.Nav .Links{flex:1;justify-content:flex-end}.linkedin{margin-top:8px;margin-left:20px;margin-right:-10px}.Github{width:40px;height:40px}.Resume{width:35px;height:35px;margin-top:5px}hr{margin:0}.Nav a{color:#000;text-decoration:none}.Hero{background-color:#f6f3ee;flex:1;align-items:center;gap:17%;min-height:90vh;margin:0;font-family:Inika,serif;display:flex}.leftSide{margin-top:-10%;margin-left:8%}.heroQuote{font-size:clamp(1.7rem,5vw + 1rem,10rem)}.Caption{margin-top:-5%;font-size:clamp(1rem,1vw + .5rem,5rem)}.Hero span{color:#ca772e}.rightSide{flex-direction:column;align-items:center;gap:40px;margin-top:-8%;font-size:clamp(1rem,1vw + .5rem,3rem);display:flex}img{width:18vw;max-width:600px;height:18vw;max-height:600px}.fade-in{opacity:1}.fade-out{opacity:0}.alt-Text{transition:opacity .8s ease-in-out}.projects-grid{background-color:#f6f3ee;grid-template-columns:repeat(2,40vw);justify-content:center;min-height:40vw;padding:14% 8% 4%;display:grid}.Project-Section{position:relative}.ProjectCard{background-color:#fff7eb;border:1px solid #000;flex-direction:column;justify-content:space-evenly;padding-left:10%;display:flex;position:relative}.Name{margin-top:-2%;font-family:Lora,serif;font-size:clamp(2rem,5vh + 1rem,10rem)}.Role{color:#00000080;margin-top:-3%;font-size:clamp(.7rem,.8vw + .3rem,4rem)}.Description{max-width:65%;margin-top:-5%;margin-bottom:-3%;font-size:clamp(1rem,1vw + .3rem,5rem)}.ProjectCard p{margin-top:5%}.Tags{gap:15px;margin:0;padding:0;display:flex}.tag{color:#00000080;border:1px solid #888;border-radius:999px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:clamp(.8rem,.5vw + .5rem,2rem)}.Year{color:#00000080;font-size:clamp(.5rem,.8vw + .2rem,3rem);position:absolute;top:5%;right:3%}.Hover_caption{color:#888;background-color:#f6f3ee;position:absolute;top:4%;right:4%}.experience{background-color:#f6f3ee;flex-direction:column;align-items:center;min-height:calc(100vh - 100px);padding-top:1%;display:flex}.experience p{padding-top:2%;padding-bottom:2%}.experience hr{border:none;border-top:1px solid #000000bf;width:70%;margin-bottom:5%}.Title{font-family:"Source Serif 4",serif;font-size:clamp(3rem,4.5rem + 2vh,7rem)}.caption{color:#000000bf;margin-top:-2%;font-family:"Source Serif 4",serif;font-size:clamp(1.2rem,1rem + 1.3vh,3rem)}.Experience-card{width:70%;margin-top:3%;display:flex;position:relative}.experience .Role{color:#000;font-size:clamp(1rem,2rem + 1vh,4rem)}.experience .Company{color:#000000bf;font-family:Lora,serif;font-size:clamp(.7rem,1rem + .8vh,2.5rem)}.experience .Date{color:#000000bf;font-family:JetBrains Mono,monospace;font-size:clamp(.1rem,.5vw + .5rem,1rem);position:absolute;top:-.8%;right:0}.experience .Location{color:#000000bf;font-family:JetBrains Mono,monospace}.experience .Left{margin-right:6%}.experience img{border-radius:20px;max-width:250px;max-height:250px;margin-top:-20%}.experience .Bottom_hr{margin-top:2%;margin-bottom:0;padding-bottom:5%}.experience .Summary{max-width:70%;margin-bottom:-2%;font-size:clamp(.5rem,1rem + .5vh,2rem)}.experience .details{text-indent:-1.25em;max-width:75%;margin-top:-2.5%;padding-left:1.5em;font-family:Geist,JetBrains Mono}.experience .tags{color:#000000d9;border:1px solid #000000bf;border-radius:999px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:clamp(.8rem,.5vw + .5rem,2rem)}.experience .Arrow{color:#c5755c}