.header{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;justify-content:space-around;height:95vh}@media screen and (max-width: 540px){.header{height:80vh}}.header__hello{font-weight:300}@media screen and (max-width: 540px){.header__hello{font-size:2rem}}.header__emoji{display:inline-block;margin:0 10px;width:40px;height:40px;cursor:pointer}.header__emoji img{width:100%}.header__emoji.wave:hover{animation:wave 1s infinite}.header__emoji.pointer:hover{animation:pointerRight 2s infinite}@keyframes wave{0%{transform:none}15%{transform:translate3d(-20%,0,0) rotate3d(0,0,1,-10deg)}30%{transform:translate3d(10%,0,0) rotate3d(0,0,1,7deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-10deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,5deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-2deg)}to{transform:none}}@keyframes pointerRight{0%{transform:none}15%{transform:translate3d(20%,0,0) rotate3d(0,0,1,10deg)}30%{transform:translate3d(-10%,0,0) rotate3d(0,0,1,-7deg)}45%{transform:translate3d(15%,0,0) rotate3d(0,0,1,10deg)}60%{transform:translate3d(-10%,0,0) rotate3d(0,0,1,-5deg)}75%{transform:translate3d(5%,0,0) rotate3d(0,0,1,2deg)}to{transform:none}}.header__tagline{text-align:left;min-width:320px}.header__tagline h2{font-weight:300}.header__tagline .animation{font-size:2.5rem}@media screen and (max-width: 540px){.header__tagline .animation{font-size:2rem}}.header__tagline .name{font-weight:700}.header__contact{display:flex;align-items:center;justify-content:center;align-items:flex-start;font-size:1.25rem;font-weight:400}@media screen and (max-width: 540px){.header__contact{display:flex;flex-direction:column}}.header__contact .touch{display:flex;align-items:center}.header__contact .highlight-link{transition:all .2s ease-in-out;font-weight:500;color:inherit;display:inline-block;padding:2px 3px;box-shadow:inset 0 -3px #fffffa}@media (prefers-color-scheme: light){.header__contact .highlight-link{box-shadow:inset 0 -3px #242424}}.header__contact .highlight-link:hover{box-shadow:inset 0 -33px #fffffa;color:#36363c}@media (prefers-color-scheme: light){.header__contact .highlight-link:hover{box-shadow:inset 0 -33px #242424;color:#fffffa}}.background{text-align:left}.background a{font-weight:700}.background p{margin-bottom:1rem}.skills .skills__container h2{font-size:1.3rem;font-weight:500;margin-bottom:1rem;text-align:left;min-width:98px}.skills .skills__container ul{padding:0}.skills .skills__container li{text-align:left;min-width:113px}.resume{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.5rem;padding:6rem 0}.resume a{display:contents}.resume a:hover .resume__arrow_icon{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.project{text-align:left}.project__container{display:grid;grid-gap:1rem;grid-template-columns:3fr 1fr;margin-left:-7rem}@media screen and (max-width: 540px){.project__container{display:flex;flex-direction:column;margin-left:unset}}.project__container img{max-width:100%;height:auto}.project__description{padding-top:1.5rem}.project__title{font-size:1rem}.project p{margin-top:1rem;margin-right:-2rem}@media screen and (max-width: 540px){.project p{margin-right:unset}}.projectCard{display:flex;flex-direction:column;text-align:left;gap:2rem}.projectCard__container{display:flex;flex-direction:column;gap:1rem}.projectCard__container a{font-weight:700}.projectCard__container p{max-width:600px}.projectCard__tools{display:flex;flex-wrap:wrap;gap:5px}.projectCard__tools .ant-tag{background-color:#feb2b229!important;color:#feb2b2;padding:5px;min-height:1.5rem}@media (prefers-color-scheme: light){.projectCard__tools .ant-tag{color:#822727}}.footer{display:flex;align-items:center;justify-content:center;justify-content:space-between;min-height:15vh;gap:1rem}@media screen and (max-width: 540px){.footer{display:flex;flex-direction:column;justify-content:center}}.footer__links{display:flex;align-items:center;justify-content:center;gap:1rem}.footer__icons{display:flex;align-items:center;justify-content:center;gap:.5rem}.carousel{height:200px;margin:4rem -4rem}.carousel h1{text-align:center}.carousel__swap{height:200px}.carousel__swap h2{font-size:2rem;color:#fffffa;text-transform:uppercase;line-height:200px;text-align:center}@media (prefers-color-scheme: light){.carousel__swap h2{color:#242424}}.carousel .slick-dots button{background:#fffffa!important}@media (prefers-color-scheme: light){.carousel .slick-dots button{background:#242424!important}}.carousel .slick-slider button{color:#fffffa}@media (prefers-color-scheme: light){.carousel .slick-slider button{color:#242424}}@media screen and (max-width: 540px){.carousel{margin:4rem -2rem}.carousel h2{font-size:1.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffffa;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#ffdc00;color:#242424}body{margin:0;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1440px;margin:0 auto;padding:0 4rem;text-align:center;min-width:320px}section{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin:5rem 0}.section__title{font-size:1.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:left}.ant-divider{background-color:#fffffa;opacity:.1}a{transition:all .2s ease-in-out;font-weight:600;color:inherit;text-decoration:inherit}a:hover{color:#ffdc00}li{list-style:none}h1{font-size:3.2em;line-height:1.1}h2,h3{font-size:2.5rem}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}@media (prefers-color-scheme: light){:root{color:#242424;background-color:#fffffa}.ant-divider{background-color:#242424;opacity:.1}button{background-color:#f9f9f9}}@media screen and (max-width: 540px){#root{padding:0 2rem}section{display:flex;flex-direction:column;align-items:center}.section__title{margin-bottom:2rem}h2,h3{font-size:1.5rem}}