section{display:flex;position:relative;height:100lvh}.skillset-icons{filter:grayscale(1)}.skillset-icons img:hover{filter:grayscale(1) drop-shadow(0 0 .4rem white);animation:shadowFadeIn .5s ease}.skillset-icons img{transition:.5s ease;filter:grayscale(1)}.skill-image-container{display:flex;justify-content:center;width:40px;height:40px}.skill-category{display:flex;flex-flow:column nowrap;gap:1.75rem}.skillset-icons{display:flex;flex-flow:row wrap;gap:2em}.skillset-icons .simulate-hover{filter:drop-shadow(0 0 .4rem white);animation:shadowFadeIn .5s ease;transform:scale(1.4)}section .skill-category p{font-family:Montserrat,sans-serif;font-size:16px;height:1rem}.slide-in{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes shadowFadeIn{0%{transform:scale(1);filter:none}to{transform:scale(1.4);filter:drop-shadow(0 0 .4rem white)}}@media screen and (max-width: 425px){.skill-category{gap:2.5rem}section .skill-category p{font-size:14px}.skillset-icons{gap:1.2rem}}.skills-container{display:flex;flex-flow:column nowrap;gap:2.25rem}@media screen and (max-width: 425px){.skills-container{gap:3rem}}.project{display:flex;flex-flow:row nowrap;align-items:center;gap:2rem;width:100%;height:100%}.project .image-container{flex-basis:50%;height:100%}.project .image-container img{width:100%;height:100%;border-radius:1rem}.project p{display:flex;align-items:center;flex-basis:50%;height:60%}.shown{display:flex;opacity:1;animation:fadeIn .75s ease-in-out}.hidden{display:none;opacity:0;animation:fadeOut .75s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 768px){.section .project p{font-size:16px;overflow-y:scroll;align-items:unset}.project .image-container{width:60%}.project{flex-flow:column nowrap;align-items:center}}@media screen and (max-width: 425px){.project{flex-flow:column nowrap;align-items:center}.project .image-container{width:80%}.project p{font-size:16px;overflow-y:scroll;align-items:unset}}.carousel-container{display:flex;flex-flow:row nowrap;user-select:none;width:100%;height:30%;align-items:center;gap:2rem}.carousel-button{display:flex;width:22px;height:36px;border:none;outline:none;background:none;padding:0;margin:0;justify-content:center;align-items:center}.carousel-button img{align-self:center}.next{rotate:-90deg;cursor:pointer}.prev{rotate:90deg;cursor:pointer}.inner{flex-basis:80%;gap:2rem}.dot-container{display:flex;justify-content:center;gap:1rem}.dot{width:.8rem;height:.8rem;border:none;border-radius:50%;margin:1rem;background-color:#fff;cursor:pointer}.active{filter:drop-shadow(0 0 .5rem white)}@media screen and (max-width: 425px){.carousel-container{height:45%}}#root{background:linear-gradient(90deg,rgba(29,29,29,1) 0%,rgba(29,29,29,0) 10%,rgba(29,29,29,0) 90%,rgba(29,29,29,1) 100%);margin:auto 0;height:100%;display:flex;flex-flow:row nowrap;flex:2;padding:0 10%;position:relative}main{display:flex;flex-direction:column;height:100%;flex-basis:66%}header{display:flex;flex-basis:33%;justify-content:flex-end;order:1}.section{display:flex;flex-flow:column nowrap;justify-content:center;gap:2rem;height:100lvh}.section p{font-family:Montserrat,sans-serif;font-size:20px}.home{display:flex;flex-flow:column nowrap;justify-content:center}.intro-container{margin:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.intro-content{display:flex;flex-direction:column;gap:2rem;max-width:80%}.intro-content h1{font-weight:700;font-size:36px}.intro-content p{font-weight:400;font-size:32px}.intro-container .avatar{max-width:225px;max-height:273px}.intro-image-container{display:flex;flex-flow:column nowrap;gap:1rem}.social-links-container{display:flex;flex-flow:row nowrap;justify-content:space-around;gap:1rem}.social-links-container .social-link{width:2rem;height:2rem}.intro-image-container img{width:100%;height:100%}.about-container{display:flex;flex-flow:row nowrap;gap:2rem;align-items:center}.about-image{display:flex;flex-basis:30%}.about-image img{width:100%;height:100%;border-radius:1rem}.about-container-content{display:flex;flex-flow:column nowrap;gap:2rem;flex-basis:70%}.about-container p{font-family:Montserrat;font-style:normal;font-weight:400;font-size:20px;line-height:150%}nav{position:fixed;display:flex;justify-content:flex-end;align-items:center;height:100vh}.nav-cursor{position:absolute;right:-25%;background-color:#fff;border-radius:50%;width:.8rem;height:.8rem;box-shadow:0 0 1rem #fff;transition:top .75s cubic-bezier(.5,0,.2,1)}.nav-container{display:flex;flex-flow:row nowrap;gap:1rem;position:relative}nav ul{display:flex;flex-flow:column nowrap;gap:2rem}nav li{text-align:right;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:16px}.nav-next{position:absolute;bottom:3.5rem;left:50%}.nav-back{position:absolute;top:3.5rem;left:50%}.arrow-up{rotate:180deg}.title{font-family:Lexend Tera,sans-serif;max-width:calc(2 * 100% / 3)}.title-desc{font-family:Lexend Tera,sans-serif;font-size:36px;letter-spacing:-.1ch}.section-name{font-family:Lexend Tera;font-size:48px}.subtitle{font-family:Lexend Tera;font-size:26px}.contact-container{display:flex;color:#fff;font-family:Montserrat,sans-serif;font-size:24px;justify-content:space-between}.contact-container form{display:flex;flex-direction:column;width:100%;gap:2rem}.contact-container .contact-label{display:flex;flex-flow:row wrap;align-items:flex-start;opacity:.6;transition:.3s ease-in-out}.contact-container .contact-label:focus-within{opacity:1;transition:.3s ease-in-out}.contact-container label{display:flex;width:40%}.contact-container input:not(input[type="submit"]){width:40%;border:none;border-bottom:1px solid white;background-color:transparent;outline:none;box-shadow:none;padding:.5rem;font-family:Montserrat,sans-serif;font-size:18px;color:#fff}.contact-container .contact-message{display:flex;flex-direction:column;align-items:center;width:40%;gap:2rem}.contact-container .contact-message textarea{width:100%;background-color:transparent;padding:1rem;font-family:Montserrat,sans-serif;font-size:18px;resize:none;outline:none;color:#fff}.contact-container .contact-message textarea:focus{border:1px solid white;border-radius:0}input[type=submit]{font-family:Montserrat,sans-serif;font-size:14px;padding:.8rem 1.5rem;border:1px solid white;background-color:transparent;color:#fff;cursor:pointer}input[type=submit]:disabled{opacity:.6}.popup-container{background-color:#fff}.popup-message{position:fixed;top:10%;left:50%;font-family:Montserrat,sans-serif;width:auto;height:auto;padding:1rem 1.5rem;border-radius:1rem;z-index:2;animation:slideAppear 1.5s cubic-bezier(.5,0,.2,1);transform:translate(-50%)}.success{background-color:#5cb85c;box-shadow:0 0 1rem #5cb85c}.info{background-color:#4c90cf;box-shadow:0 0 1rem #4c90cf}.error{background-color:#ed4337;box-shadow:0 0 1rem #ed4337}@keyframes slideAppear{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media screen and (max-width: 768px){.title{font-size:32px;max-width:unset}.intro-content .title-desc{font-size:24px}.about-container p{font-size:16px}.contact-container label{width:100%}.contact-container input:not(input[type="submit"]){width:100%}.contact-container .contact-message{width:100%}.contact-container .contact-label{gap:1rem}}@media screen and (max-width: 425px){#root{background:none;width:100%;overflow:auto}main{flex-basis:unset;width:100%}header{position:fixed;z-index:5;right:-100%;top:0;width:0%;height:100lvh;background:black;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.68) 30%,rgba(0,0,0,1) 100%);transition:width .75s cubic-bezier(.5,0,.2,1);overflow-x:hidden;align-items:center}nav{position:absolute;right:10%}nav ul{gap:5rem}.title{font-size:36px;max-width:unset}.intro-content .title-desc{font-size:26px}.section-name{font-size:24px}.intro-container{flex-direction:column-reverse;justify-content:center;gap:4rem}.intro-content{align-items:center}.about-container{display:block;gap:2rem}.about-container-content{flex-basis:30%;gap:1rem;width:100%}.about-image{display:block;width:60%;height:12rem;object-fit:cover;margin:1rem auto}.about-image img{object-fit:cover;border-radius:1rem}.about-container p{font-size:16px}a>img[class="nav-back arrow-up"]{display:none}.section{height:100lvh;max-width:100vmin;gap:2rem;justify-content:center}.section:not(section[id="home"]) a>img[class=nav-next]{display:none}.subtitle{font-size:20px}.contact-container .contact-label{flex-direction:column;gap:1rem}.contact-container label{width:100%}.contact-container input:not(input[type="submit"]){width:100%}.contact-container .contact-message{width:100%}#menuIcon{width:24px;height:24px;position:fixed;z-index:5;top:5%;right:10%}}#root{justify-content:center}.error-page{height:100lvh;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:2rem}.error-page h1{font-family:Lexend-Tera,sans-serif;font-size:48px;font-weight:700}.error-page p,a{font-family:Montserrat,sans-serif}.error-page a{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,span,a{color:#fff;text-decoration:none}ul{list-style-type:none}body{display:flex;margin:0 auto;background-image:url(/assets/background_repeat-2f7e90b1.jpg);background-attachment:fixed;background-repeat:repeat-y;background-position:center;background-color:#1d1d1d;background-size:1920px;max-width:1920px}@media screen and (max-width: 425px){body{max-width:100dvw}}