.main{min-height:100vh;background:var(--color-bg-primary);transition:all .2s ease}.hero{display:grid;place-items:center;height:100vh;position:relative;padding:0 1.5rem}@media screen and (min-width:1080px){.hero{padding:0 10rem}}.hero .hero__content .hero__title{color:var(--text-primary);font-size:3rem;z-index:1}@media screen and (min-width:768px){.hero .hero__content .hero__title{font-size:5rem}}@media screen and (min-width:1080px){.hero .hero__content .hero__title{font-size:100px}}.hero .hero__content .bg .hero__bg{opacity:1;width:60vw;height:40vh;position:absolute;z-index:0;top:40vh;right:20vw;object-fit:cover}@media screen and (min-width:768px){.hero .hero__content .bg .hero__bg{right:5vw}}@media screen and (min-width:1080px){.hero .hero__content .bg .hero__bg{opacity:0;width:40vw;height:100vh;z-index:0;top:0;right:20%}}.hero .icon-scroll,.hero .icon-scroll:before{position:absolute;left:50%}.hero .icon-scroll{width:30px;height:50px;margin-left:-20px;bottom:2vh;box-shadow:inset 0 0 0 1px var(--color-black);border-radius:25px}.hero .icon-scroll:before{content:"";width:3px;height:8px;background:var(--color-black);margin-left:-2px;top:8px;border-radius:4px;animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1}80%{opacity:0}to{opacity:0;transform:translateY(46px)}}.hero .star{position:absolute;top:40vh;right:15vh;width:50px;height:50px;opacity:0}.text__animate{font-size:5rem;display:inline-flex;flex-wrap:wrap;height:100%}.word{margin-right:1rem;font-weight:700}.bio{padding:50px 1.5rem}@media screen and (min-width:1080px){.bio{padding:50px 10rem}}.bio .bio__content{position:relative;min-height:100vh;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:768px){.bio .bio__content{flex-direction:row}}@media screen and (min-width:1080px){.bio .bio__content{display:grid;grid-template-columns:.5fr 1fr}}.bio .bio__content .bio__left{height:100%;color:var(--text-primary)!important}.bio .bio__content .bio__left .bio__leftContain{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:2rem}.bio .bio__content .bio__left .bio__leftContain .bio__image{opacity:1;object-fit:cover}.bio .bio__content .bio__left .bio__leftContain .bio__socials{padding-right:20px;display:flex;gap:2rem;align-items:center}.bio .bio__content .bio__left .bio__leftContain .bio__socials .bio__socialsItem{display:flex;align-items:flex-end;transition:all .5s ease;height:25px;width:25px}.bio .bio__content .bio__left .bio__leftContain .bio__socials .bio__socialsItem:hover{transform:scale(1.1);transition:all .5s ease}.bio .bio__content .bio__left .bio__leftContain .bio__socials .bio__socialsItem img{width:100%}@media screen and (min-width:768px){.bio .bio__content .bio__left .bio__leftContain .bio__socials{align-items:flex-start}}.bio .bio__content .bio__right{color:var(--text-primary)}.bio .bio__content .bio__right .bio__text{margin-bottom:50px}.bio .bio__content .bio__right .bio__leftButtons{display:flex;gap:1rem}.bio .bio__content .bio__right .bio__summary{font-size:1.5rem}.bio .underline{display:inline-block;text-decoration:underline;text-transform:uppercase}.fixedMenu{display:flex;justify-content:center;position:fixed;right:50%;left:50%;z-index:99;bottom:.5rem}@media screen and (min-width:768px){.fixedMenu{right:50%;left:50%;z-index:99;bottom:.5rem}}.fixedMenu .fixedMenu__content{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 30px;gap:1rem;background:var(--color-primary);border-radius:100px;box-shadow:0 1rem 2rem rgba(26,25,23,.25)}.fixedMenu .fixedMenu__content .fixedMenu__item{position:relative;display:inline-block;font-size:.8rem;color:var(--color-white)}@media screen and (min-width:768px){.fixedMenu .fixedMenu__content .fixedMenu__item{font-size:1rem}}.fixedMenu .fixedMenu__content .fixedMenu__item:after{content:"";position:absolute;bottom:0;top:105%;left:0;width:100%;height:2px;background-color:var(--color-white);transition:width .3s linear;width:0}.fixedMenu .fixedMenu__content .fixedMenu__item:hover:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-white);transition:width .1s linear;width:100%}.fixedMenu .fixedMenu__content .arrow__up{width:10px;height:10px}@media screen and (min-width:768px){.fixedMenu .fixedMenu__content .arrow__up{width:15px;height:15px}}.fixedMenu .fixedMenu__content .toggled{border-radius:100%;transition:all .2s ease;background-color:#404040}:root{--max-width:1100px;--border-radius:12px;--color-primary:#1a1816;--color-secondary:#fffee7;--color-bg-primary:#fffee7;--color-bg-secondary:#1a1816;--text-primary:#1a1816;--color-black:#000;--color-white:#fff;transition:all .2s ease}[data-theme=dark]{--color-bg-primary:#1a1816;--text-primary:#e4e5df;--color-black:#fff;--color-white:#000;--color-primary:#fffee7;--color-secondary:#1a1816}*{box-sizing:border-box;padding:0;margin:0}body,html{background:var(--color-bg-primary);color:var(--text-primary);overflow-x:hidden}body::-webkit-scrollbar,html::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background-color:hsla(0,0%,95%,.22)}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#c2c2c2;border-radius:20px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background-color:#555}a{color:inherit;text-decoration:none}@media(prefers-color-scheme:dark){html{color-scheme:dark}}@media(prefers-color-scheme:light){html{color-scheme:light}}@font-face{font-family:MyFont;src:url(/_next/static/media/my-font.40f9f262.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:cabinet;src:url(/_next/static/media/cabinet.b30e1851.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:sec;src:url(/_next/static/media/Second-font.7e752f30.ttf) format("truetype");font-weight:600;font-style:normal}.btn{padding:15px 20px;font-size:17px;border-radius:30px;color:var(--text-primary);font-weight:700;border:2px solid var(--color-primary);width:-moz-fit-content;width:fit-content}.btn,.btn:hover{transition:all .2s ease}.btn:hover{background-color:var(--color-primary);color:var(--color-white)}.icon-button{display:flex;padding:10px;border-radius:100%;color:var(--color-secondary);background-color:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease}.page404{padding:0 1rem;width:100vw;height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center;font-size:1rem;text-align:center}@media screen and (min-width:1080px){.page404{padding:0 10rem;font-size:2rem}}.page404 .page404__btn{margin:20px 0}.icon__container{display:flex;padding:10px;border-radius:100%;transition:all .2s ease;background-color:#404040;width:-moz-fit-content;width:fit-content}.dark-toggle{width:10px;height:10px;cursor:pointer;position:relative}.dark-toggle,.dark-toggle.active{filter:brightness(0) saturate(100%) invert(87%) sepia(17%) saturate(6695%) hue-rotate(1turn) brightness(103%) contrast(103%)}.dark-toggle.active{transition:all .2s ease}@media screen and (min-width:768px){.dark-toggle{width:15px;height:15px}}.navbar{width:100%;display:grid;grid-template-columns:2fr auto;align-items:center;padding:10px 20px;position:absolute;transition:transform .3s ease;z-index:2}.navbar .navbar__right{display:flex;gap:2rem;align-items:center}.navbar .navbar__right .navbar__socialsItem{transition:all .5s ease;height:25px;width:25px}.navbar .navbar__right .navbar__socialsItem:hover{transform:scale(1.1)}.navbar .navbar__right .navbar__socialsItem img{width:100%}.navbar__menu{background-color:rgba(0,128,0,.43);position:absolute;top:10vh;width:100%;z-index:-1;transform:translateY(-100vh);transition:all .3s ease-in-out;display:grid;place-items:center}.navbar__menu ul{list-style-type:none;display:flex;align-items:center;justify-content:center}.navbar__menu.open{display:block;transform:translateY(0)}.projects{min-height:100vh;display:flex;flex-direction:column;position:relative;padding:0 1.5rem}@media screen and (min-width:1080px){.projects{padding:0 10rem}}@media screen and (min-width:768px){.projects{margin:0 0 10rem}}.projects .projects__float{position:absolute;top:0;right:0;width:-moz-fit-content;width:fit-content;height:20vh;z-index:9}.projects .projects__float img{width:30vw;height:30vh;object-fit:cover}@media screen and (min-width:768px){.projects .projects__float img{width:30vw;height:30vh}}@media screen and (min-width:1080px){.projects .projects__float img{width:30vw;height:30vh;right:2}}.projects .projects__content a{display:block;text-transform:uppercase}.projects .projects__content .projects__item{display:inline-block;width:100%;transition:all .2s ease;border-bottom:1px solid var(--color-primary)}.projects .projects__content .projects__item p{transition:all .2s ease;font-size:3rem}@media screen and (min-width:768px){.projects .projects__content .projects__item p{font-size:5rem}}@media screen and (min-width:1080px){.projects .projects__content .projects__item p{font-size:9rem}}.projects .projects__content .projects__item .projects__item-desc{display:block;height:0;opacity:0;font-size:.01rem;transition:all .5s ease;text-transform:lowercase}.projects .projects__content .projects__item:hover{background-color:var(--color-primary)}.projects .projects__content .projects__item:hover p{transition:all .2s ease;color:var(--color-secondary)}.projects .projects__content .projects__item:hover .projects__item-desc{opacity:1;font-size:.5rem;color:var(--color-secondary);height:100%;transition:all .5s ease;padding-left:5px}@media screen and (min-width:768px){.projects .projects__content .projects__item:hover .projects__item-desc{font-size:1.1rem}}.projects .projects__content .projects__arrow{position:absolute;right:0}:root{--item-width:100%}.carousel__container{width:100%;display:flex;flex-direction:column;z-index:9;justify-content:center;overflow-x:hidden;position:relative}.carousel__container .carousel__title{font-size:5rem;text-decoration:underline}.carousel__container .carousel{display:flex;align-items:center;overflow:hidden;width:100%;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel__container .carousel .carousel__item{width:var(--item-width);height:100vh;flex:0 0 auto}@media screen and (min-width:768px){.carousel__container .carousel .carousel__item{width:var(--item-width)}}@media screen and (min-width:1080px){.carousel__container .carousel .carousel__item{width:40%}}.carousel__container .carousel .carousel__item img{width:100%;height:100vh;transition:all .5s ease;object-fit:cover}.footer{height:100vh;display:flex;align-items:center;justify-content:center;padding:0 1.5rem}@media screen and (min-width:768px){.footer{padding:0 5rem}}@media screen and (min-width:1080px){.footer{padding:0 10rem}}.footer .footer__text{font-size:1.5rem}@media screen and (min-width:768px){.footer .footer__text{font-size:2.5rem}}@media screen and (min-width:1080px){.footer .footer__text{font-size:3rem}}.main-cursor,.secondary-cursor{z-index:10000;pointer-events:none;transform:translateZ(0);position:fixed}.main-cursor{transition:opacity 1s cubic-bezier(.77,0,.175,1);animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 0s forwards;mix-blend-mode:difference}.main-cursor .main-cursor-background{width:30px;height:30px;background:#fff;border-radius:50%}.secondary-cursor{width:60px;height:60px}.secondary-cursor .cursor-background{width:100%;height:100%;border-radius:50%;border:1px solid var(--color-black);position:relative}.secondary-cursor .cursor-background:after,.secondary-cursor .cursor-background:before{content:"";width:3px;height:3px;border-radius:50%;background:#fff;display:block;position:absolute;top:50%;transform:translateY(-50%);animation:fadeOut .75s cubic-bezier(.77,0,.175,1) 0s forwards}.secondary-cursor .cursor-background:before{left:10px}.secondary-cursor .cursor-background:after{right:10px}.slider-drag .cursor-background{animation:scaleUp 1s cubic-bezier(.77,0,.175,1) 0s forwards,bgUp 1s cubic-bezier(.77,0,.175,1) 0s forwards}.slider-drag .cursor-background:after{animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 0s forwards,translateRightDot 1s cubic-bezier(.77,0,.175,1) 0s forwards}.slider-drag .cursor-background:before{animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 0s forwards,translateLeftDot 1s cubic-bezier(.77,0,.175,1) 0s forwards}.slider-drag .main-cursor{animation:fadeOut .75s cubic-bezier(.77,0,.175,1) 0s forwards}.hamburger .cursor-background{animation:fadeOut 1s cubic-bezier(.77,0,.175,1) 0s forwards}.hamburger .main-cursor-background{animation:scaleUp 1s cubic-bezier(.77,0,.175,1) 0s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bgUp{0%{background-color:transparent}to{background-color:#000}}@keyframes bgDown{0%{background-color:#000}to{background-color:transparent}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes scaleDown{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes translateLeftDot{0%{transform:translate(20px,-50%)}to{transform:translateY(-50%)}}@keyframes translateRightDot{0%{transform:translate(-20px,-50%)}to{transform:translateY(-50%)}}