:root{font-family:Apercu,Source Sans Pro,system,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;--mainColor: #2f3e46;--mainColorShade: #2C3A41;--headerColor: #171F23;--specialTextColor: #3a86ff;--textColor:white}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background-color:#2f3e46;margin:0}html{scroll-behavior:smooth}h1{margin:0;padding:0;font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}p{margin:0}li{font-size:clamp(4px,1em,16px)}li:hover{color:#cad2c5}.hidden{color:var(--mainColor);gap:0px}@keyframes fadeIn{0%{opacity:0;transform:translate(-10vw)}to{opacity:1;transform:translate(0)}}.shouldAnimate{animation:fadeIn linear;animation-timeline:view();animation-range:entry 0% cover 20%;animation-duration:1ms}.shouldAnimateFaster{animation:fadeIn linear;animation-timeline:view();animation-range:entry 0% cover 10%;animation-duration:1ms}.mainBody{display:flex;height:100%;width:100%;flex-direction:column}.headerParent{display:flex;align-items:center;justify-content:flex-end;gap:3vw;background-color:var(--headerColor);top:0;position:sticky;height:8vh;z-index:1;box-shadow:#0003 0 0 10px}.nav{margin:0;padding:0;display:flex;list-style-type:none;gap:3vw;align-self:center;margin-right:3vw}.contactContainer{display:flex;justify-content:center;margin-bottom:5vh;align-items:center;align-self:center;background:var(--mainColorShade)}.contactItem{display:flex;justify-content:space-around;padding-bottom:5vh;width:100%;align-self:center;align-items:center;background-color:var(--mainColorShade)}.linkContainer{display:flex;gap:5vw}.link{letter-spacing:.1em;color:#fff;transform:scale(1);transition:transform .2s}.text{letter-spacing:.03em}.link:hover{transform:scale(1.2);color:var(--specialTextColor)}@keyframes buttonHover{0%{opacity:1;scale:1}to{scale:1.5}}@media only screen and (max-width: 600px){.contactItem{flex-direction:column-reverse;gap:3vh}}.sideMenuContent{position:fixed;z-index:1;justify-content:center;margin-top:8vh;right:0;top:0;bottom:auto;left:0;display:flex;padding:0 5vw;background-color:var(--headerColor);animation:menuIn ease-in-out;animation-timeline:auto;animation-duration:.3s}@keyframes menuIn{0%{opacity:0;transform:translateY(-8vh)}to{opacity:1;transform:translateY(0)}}.menuOptions{display:flex;gap:1em;flex-direction:column;list-style-type:none;padding:0;text-align:center}.menuLogo{height:48px}.exitDiv{position:absolute;height:100vh;width:75vw;top:0;left:0}.invisButton:hover{cursor:pointer}.bodyCardParent{display:flex;flex-direction:column;height:92vh;padding:0 10vw;margin:0 0 12.5vh;justify-content:center;align-items:start}.introParent{padding:0 12vw}.introText{display:flex;flex-direction:column;gap:1em}.highlight{color:var(--specialTextColor);font-weight:400}.introText{display:flex;flex-direction:column}.h1Intro{color:var(--textColor);font-size:clamp(1em,4vw,4em);letter-spacing:.02em}.h2Intro{color:var(--textColor);margin:0;font-size:clamp(1em,3vw,3em);font-weight:300;letter-spacing:.01em}.introDescription{font-size:clamp(1em,2vw,1.5em);font-weight:10}.learning{margin-top:3vh;font-size:clamp(1em,2vw,1.5em);color:#c0bfbf}.bottom{margin-bottom:8vh}.picIntro{display:flex;gap:1em;margin-bottom:5vh}.picText{display:flex;flex-direction:column;justify-content:space-between}.introPic{height:clamp(1em,25vw,15.625em);border-radius:15px}.filler{flex:1 1 50%}li{letter-spacing:.1em}.skillSection{margin:0;height:50vh;display:flex;flex-direction:row}.sectionTextHeader{color:var(--specialTextColor);width:200px;text-align:right;margin-right:clamp(30px,2.5vw,70px);white-space:nowrap}.sectionContent{font-weight:300;font-size:1rem;width:100%}.projectSection{display:flex;flex-direction:row;justify-content:start;align-items:start;height:100%;padding:12.5vh 15vw 12.5vh 10vw;background-color:var(--mainColorShade)}.projectContainer{display:flex;flex-direction:column;gap:15vh}.otherProjectSection{display:flex;flex-direction:row;justify-content:start;align-items:start;height:100%;padding:12.5vh 10vw 25vh 10vw;margin:0;background-color:var(--mainColorShade)}.otherProjectContainer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(150px,auto);gap:1em 1em}.project{display:flex;gap:1.5vw}.projectText{display:flex;flex-direction:column;gap:1em;width:clamp(250px,20vw,500px)}.projectTitle{color:var(--textColor)}.projectBold{font-weight:500;color:var(--textColor)}.imgProjects{width:clamp(100px,40vw,800px);object-fit:contain;border-radius:5px}.techList{display:flex;gap:16px;justify-content:start;flex-wrap:wrap}.btn{border-radius:20px;border-color:var(--specialTextColor);padding:1px 10px;outline:2px solid var(--specialTextColor);color:var(--specialTextColor);display:flex;align-items:center;gap:.5em;font-size:1em;background-color:var(--specialTextColor)}.buttonText{color:#000}.btn2{border-radius:10px;box-shadow:#0000001a 10px 10px 10px;padding:5px 15px;color:var(--mainColor);display:flex;align-items:center;gap:.5em}.btnText{color:#fff}.buttonContainer{display:flex;justify-content:end;gap:clamp(1px,5vw,5.1vw);align-self:flex-start;margin-top:auto}.gridContainer{width:100%;margin:0 auto}.arrowLink{display:flex;align-items:center;gap:1vw}.arrowLink:hover .rightArrow{transform:translate(1vw)}.rightArrow{width:27px;transform:translate(0);transition:transform .2s}@media only screen and (max-width: 768px){.h1Intro{color:#fff;margin-top:0}.project{display:flex;gap:2.5vh;flex-direction:column}.projectSection{display:flex;flex-direction:column;justify-content:start;height:100%;padding:0 10vw}.imgProjects{width:100%}.otherProjectSection{display:flex;flex-direction:column;justify-content:start;height:100%;padding:0 10vw}.otherProjectContainer{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(150px,auto);gap:1em 1em}.sectionTextHeader{color:#84a98c;width:200px;text-align:left;margin-right:clamp(40px,5vw,70px);white-space:nowrap}}@media only screen and (max-width: 1024px){.sectionTextHeader{width:200px;text-align:left;margin-right:clamp(40px,5vw,70px);margin-bottom:2.5em;white-space:nowrap}.project{display:flex;gap:2.5vh;flex-direction:column}.projectSection{display:flex;flex-direction:column;justify-content:start;height:100%}.projectImg,.imgProjects,.projectText{width:100%}.hidden{display:none}.otherProjectSection{flex-direction:column}}@media only screen and (max-width: 600px){.projectImg{width:100%}.picIntro{flex-direction:column-reverse}.introPic{width:80%;height:80%}}.techParent{border-radius:5px;border-color:var(--specialTextColor);padding:1px 10px;outline:2px solid var(--specialTextColor);color:var(--specialTextColor);font-size:clamp(8px,1em,16px);white-space:nowrap}.experience{display:flex;gap:5vw}.experienceSection{flex-direction:row;height:100%;align-items:start}.experienceText{display:flex;flex-direction:column;width:40vw}.experienceItem{display:flex;flex-direction:column;gap:clamp(1vh,16px,1.5vh)}.experienceDescription{margin-top:1em}@media only screen and (max-width: 1024px){.experienceText{width:clamp(300px,30vw,301px)}.experienceSection{display:flex;flex-direction:column;justify-content:start;height:100%;padding:0 10vw}.experience{justify-content:space-between;gap:0}}@media only screen and (max-width: 768px){.experienceText{width:clamp(100px,30vw,301px)}.experienceSection{flex-direction:column;gap:2.5vh}}