@import"https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic";@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";.loading{position:fixed;top:50%;transform:translateY(-50%);width:100%;text-align:center;font-size:clamp(1rem,4vw,2rem);pointer-events:0;-webkit-user-select:none;user-select:none;opacity:0;animation:animateLoading 2s forwards}.loading span{font-weight:200}@keyframes animateLoading{50%{opacity:1}}#custom-cursor{position:fixed;top:-100px;z-index:3;display:none;justify-content:center;align-items:center;background:var(--txt-clr);outline:1px solid var(--txt-clr);width:15px;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;transition:width .3s,height .3s,background-color .3s}.text{position:absolute;width:100%;height:100%;animation:rotateText 10s linear infinite}.text span{position:absolute;left:50%;transform-origin:0px 75px;pointer-events:none;opacity:0;color:var(--txt-clr);transition:color .3s}@keyframes rotateText{to{transform:rotate(360deg)}}.cursor--active{width:150px!important;background:var(--bg-semi-tp-50)!important}.cursor--interact{width:50px!important;background:var(--bg-semi-tp-50)!important}.corner-top-left{position:fixed;top:50px;right:"";bottom:"";left:50px;z-index:1;width:0;aspect-ratio:1/1;border-top:5px solid var(--txt-clr);border-left:5px solid var(--txt-clr);pointer-events:none;opacity:0;animation:revealCorner 1s forwards;transition:all .3s}.corner-top-right{position:fixed;top:50px;right:50px;bottom:"";left:"";z-index:1;width:0;aspect-ratio:1/1;border-top:5px solid var(--txt-clr);border-right:5px solid var(--txt-clr);pointer-events:none;opacity:0;animation:revealCorner 1s forwards;transition:all .3s}.corner-bottom-right{position:fixed;top:"";right:50px;bottom:50px;left:"";z-index:1;width:0;aspect-ratio:1/1;border-bottom:5px solid var(--txt-clr);border-right:5px solid var(--txt-clr);pointer-events:none;opacity:0;animation:revealCorner 1s forwards;transition:all .3s}.corner-bottom-left{position:fixed;top:"";right:"";bottom:50px;left:50px;z-index:1;width:0;aspect-ratio:1/1;border-bottom:5px solid var(--txt-clr);border-left:5px solid var(--txt-clr);pointer-events:none;opacity:0;animation:revealCorner 1s forwards;transition:all .3s}@keyframes revealCorner{to{width:100px;opacity:1}}@media (max-width: 1000px){.corner-top-left{top:25px;right:"";bottom:"";left:25px}.corner-top-right{top:25px;right:25px;bottom:"";left:""}.corner-bottom-right{top:"";right:25px;bottom:25px;left:""}.corner-bottom-left{top:"";right:"";bottom:25px;left:25px}@keyframes revealCorner{to{width:50px;opacity:1}}}.home{position:fixed;top:100px;right:"";bottom:100px;left:"";width:100%}.home__work-link{position:absolute;right:100px;padding:10px;display:flex;justify-content:center;align-items:center;column-gap:10px;overflow:hidden;opacity:0;transition:background-color .3s;animation:revealWorkLink 1s forwards}.home__work-link span{color:var(--txt-clr);transition:color .3s}@keyframes revealWorkLink{to{opacity:1}}.work-link__dot{position:relative;width:10px;aspect-ratio:1/1;background:#6ec531}.work-link__dot:before,.work-link__dot:after{content:"";position:absolute;z-index:-1;width:inherit;aspect-ratio:1/1;background:inherit;animation:animateDot 3s infinite}.work-link__dot:after{animation:animateDot 3s .5s infinite}@keyframes animateDot{to{opacity:0;scale:3}}.home__scroller{position:absolute;bottom:0}.home__title{font-size:10vw;font-weight:400;color:var(--txt-clr);pointer-events:none;-webkit-user-select:none;user-select:none}.home__title span{opacity:0}@keyframes revealChar{to{opacity:1}}@media (max-width: 1000px){.home{top:50px;right:"";bottom:50px;left:""}.home__work-link{position:absolute;right:50px}.home__title{font-size:14vw}}.text-line-container{overflow:hidden;display:inline-block}.text-line{transform:translateY(100%)}@keyframes revealTextLine{to{transform:translateY(0)}}.about{position:fixed;top:50%;transform:translateY(-50%);right:100px;left:100px;text-align:center;color:var(--txt-clr);transition:color .3s}@media (max-width: 1000px){.about{right:50px;left:50px}}.skill{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--semi-tp-10);border-radius:10px;opacity:0;scale:.5;transition:border .3s}.skill:hover{border:1px solid var(--txt-clr)}.skill img{width:30%}@keyframes revealSkill{to{opacity:1;scale:1}}.scroll__up-btn{position:fixed;right:50px;top:45%;font-size:1.5rem;color:var(--txt-clr);opacity:0;animation:revealUpBtn 1s forwards;transition:color .3s}@keyframes revealUpBtn{to{top:40%;opacity:1}}.scroll__down-btn{position:fixed;right:50px;bottom:45%;font-size:1.5rem;color:var(--txt-clr);opacity:0;animation:revealDownBtn 1s forwards;transition:color .3s}@keyframes revealDownBtn{to{bottom:40%;opacity:1}}@media (max-width: 1000px){.scroll__up-btn,.scroll__down-btn{display:none}}.skills{position:absolute;top:0;right:100px;bottom:0;left:100px;display:flex;flex-direction:column;row-gap:25px;padding:100px 0;overflow-y:scroll}.skills-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.skills__title{font-size:1.5rem;opacity:0;animation:revealSkillsTitle 1s forwards}@keyframes revealSkillsTitle{to{opacity:1}}@media (max-width: 1300px){.skills-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 1000px){.skills{top:0;right:50px;bottom:0;left:50px;padding:50px 0}.skills-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width: 800px){.skills{top:0;right:35px;bottom:0;left:35px;padding:35px 0}.skills-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 600px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.project{position:relative;display:flex;justify-content:space-between;align-items:center;height:120px;flex-shrink:0;padding:10px 0;border-bottom:1px solid var(--semi-tp-10);opacity:0;transform:translateY(25px);transition:border .3s}.project:hover{border-bottom:1px solid var(--txt-clr)}.project__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.project__number{color:var(--txt-clr);font-weight:300;align-self:flex-end;transition:color .3s}.project__right-side{height:100%;display:flex;column-gap:25px}.project__info-container{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column}.project__title{font-size:clamp(1.25rem,2vw,2rem);color:var(--txt-clr);transition:color .3s}.project__date{color:var(--txt-clr);font-weight:300;transition:color .3s}.project__img{height:100px}@media (max-width: 800px){.project{flex-direction:column-reverse;flex-shrink:0;height:auto}.project__number{align-self:flex-start}.project__right-side{align-items:flex-start;flex-direction:column-reverse;row-gap:10px}.project__info-container{align-items:flex-start}.project__img{height:auto;width:100%}}.portfolio{position:fixed;top:0;right:100px;bottom:0;left:100px;display:flex;flex-direction:column;padding:100px 0;overflow-y:scroll}.portfolio__link{flex-direction:row-reverse;font-size:clamp(1.25rem,2vw,2rem);color:var(--txt-clr);transition:all .3s}@keyframes revealProject{to{opacity:1;transform:translateY(0)}}@media (max-width: 1000px){.portfolio{padding:50px 0;top:0;right:50px;bottom:0;left:50px;scroll-snap-type:y mandatory}}@media (max-width: 800px){.portfolio{padding:35px 0;top:0;right:35px;bottom:0;left:35px}}.contact{position:fixed;top:100px;right:100px;bottom:100px;left:100px;display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column}.contact-list{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;row-gap:5px}.contact-list a{color:var(--txt-clr);transition:all .3s}.contact-list a:hover{opacity:.5}@media (max-width: 1000px){.contact{top:50px;right:50px;bottom:50px;left:50px}}.none{display:none}.pg{position:fixed;top:0;right:100px;bottom:0;left:100px;padding:100px 0;display:flex;flex-direction:column;overflow-y:scroll}.pg-project{min-height:100px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:10px 0;border-bottom:1px solid var(--semi-tp-10);opacity:0;transform:translateY(25px);transition:border .3s}.pg-project:hover{border-bottom:1px solid var(--txt-clr)}@keyframes revealPgProject{to{opacity:1;transform:translateY(0)}}.pg-project__number{color:var(--txt-clr);align-self:flex-end;transition:color .3s}.pg-project__title{font-size:1.5rem;color:var(--txt-clr);transition:color .3s}@media (max-width: 1000px){.pg{top:0;right:50px;bottom:0;left:50px;padding:50px 0}}@media (max-width: 800px){.pg{padding:35px 0;top:0;right:35px;bottom:0;left:35px}}.scroller__inner{flex-wrap:nowrap;width:max-content;display:flex;gap:1rem}.scroller[data-animated=true]{overflow:hidden}.scroller[data-animated=true] .scroller__inner{animation:scroll var(--_animation-duration, 8s) var(--_animation-direction, forwards) linear infinite}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=slow]{--_animation-duration: 16s}.scroller[data-speed=fast]{--_animation-duration: 5s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.games{position:fixed;top:0;right:100px;bottom:0;left:100px;padding:100px 0;font-family:Silkscreen,sans-serif;overflow-y:scroll;scroll-snap-type:y mandatory;opacity:0;animation:reveal 1s forwards}.games-section__pagination{position:fixed;top:50%;right:50px;bottom:"";left:"";transform:translateY(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:10px;opacity:0;animation:reveal 1s forwards}.games-section__pagination span{width:5px;height:5px;background:var(--semi-tp-50);transition:all .3s}.active{background:var(--txt-clr)!important;height:25px!important}.game-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:center;perspective:700px}.game-container{position:relative;width:300px;aspect-ratio:1/1;transform-style:preserve-3d;--tiltX: 0deg;--tiltY: 0deg;background:var(--bg-semi-tp-50);transform:rotateY(var(--tiltY)) rotateX(var(--tiltX));transition:transform .1s,background-color .3s}.game-container:before{content:"";position:absolute;top:0rem;right:0rem;bottom:0rem;left:0rem;background:#00000040;opacity:0;filter:blur(0);transform:translateZ(-49px);transition:all .3s}.game-wrapper:hover .game-container:before{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;opacity:1;filter:blur(10px);transition:all .3s}.game-container:after{content:"";position:absolute;background:linear-gradient(-90deg,#43c6ac,#f8ffae);top:-1.25rem;right:-1.25rem;bottom:-1.25rem;left:-1.25rem;transform:translateZ(-50px)}.game-wrapper:nth-last-child(1) .game-container:after{background:linear-gradient(-90deg,#339,#f0c)}.game-container__header{position:absolute;top:0;right:0;bottom:"";left:0;height:60px;display:flex;justify-content:center;align-items:center;column-gap:20px;margin:0 20px}.game-container__number{color:var(--txt-clr);font-size:2rem;transition:color .3s}.game-container__title{color:var(--txt-clr);font-size:1.5rem;transition:color .3s}.game-container__start-btn{position:absolute;top:"";right:10px;bottom:10px;left:"";color:var(--txt-clr);font-size:1.5rem;transition:color .3s}.game-wrapper:nth-last-child(1) .game-container__start-btn{opacity:.5}.inactive-btn{pointer-events:none}@media (max-width: 1000px){.games{top:0;right:50px;bottom:0;left:50px;padding:50px 0}.games-section__pagination{top:50%;right:25px;bottom:"";left:""}.game-container{width:190px}.game-container__header{height:50px;column-gap:10px;margin:0 10px}.game-container__title,.game-container__start-btn{font-size:1rem}.game-container__number{font-size:1.5rem}}.menu-curtain{position:fixed;top:0;bottom:0;left:-25%;z-index:2;width:25%;padding-left:50px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-semi-tp-50);transition:transform .6s ease,background-color .3s;animation:revealNav 1s forwards}@keyframes revealNav{to{left:calc(-25% + 50px)}}.menu-curtain--visible{transform:translate(calc(100% - 50px))}.menu-curtain--active{transform:translate(calc(100% - 25px))}.menu-curtain__header{position:absolute;top:50px;left:50px;right:50px;text-align:center}.menu-curtain__header-logo{font-size:clamp(12px,3vw,18px);color:var(--txt-clr);transition:color .3s;font-weight:400}.menu-curtain__header-logo span{font-weight:200}.nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;row-gap:5px}.nav__link{display:flex;align-items:center;column-gap:5px;background:var(--txt-clr);width:0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:width .6s ease,background-color .3s}.nav__link span{background:var(--semi-tp-50);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:background-color .3s}.nav__link--active{width:100%}.nav__list-qty{font-size:.75rem;transform:translateY(-50%)}.nav__link-extra-font{font-family:Silkscreen,sans-serif}.menu-curtain__footer{position:absolute;bottom:50px;left:50px;right:50px;display:flex;justify-content:space-evenly}.menu-curtain__footer a{font-size:1.5rem;color:var(--txt-clr);transition:all .3s}.menu-curtain__footer a:hover{color:var(--semi-tp-50)}.burger-btn__container{position:absolute;top:50%;transform:translateY(-50%);right:0;width:50px;display:flex;justify-content:center;align-items:center;flex-direction:column}.burger-btn__title{writing-mode:vertical-lr;text-orientation:upright;font-size:clamp(.8rem,2vw,1rem);color:var(--txt-clr);transition:color .3s}.burger-btn{position:relative;width:20px;padding:10px 0}.burger-btn:before{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--txt-clr);transform:translateY(-5px);transition:transform .3s .6s,background-color .3s}.burger-btn:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--txt-clr);transform:translateY(5px);transition:transform .3s .6s,background-color .3s}.burger-btn--active:before{transform:translateY(0) rotate(45deg)}.burger-btn--active:after{transform:translateY(0) rotate(-45deg)}@media (max-width: 1000px){.burger-btn__container{width:25px}}@media (max-width: 1000px){.menu-curtain{width:50%;left:-50%;padding-left:25px}@keyframes revealNav{to{left:calc(-50% + 25px)}}.menu-curtain--visible{transform:translate(calc(100% - 25px))}.menu-curtain__header{top:25px;left:25px;right:25px}.menu-curtain__footer{bottom:25px;left:25px;right:25px}}.resume__link{color:var(--txt-clr);font-size:clamp(.8rem,2vw,1rem);transition:all .3s}.resume__link:hover{opacity:.5}.dark-mode{position:fixed;top:50px;right:-50px;bottom:50px;z-index:1;width:50px;display:flex;justify-content:space-between;align-items:center;writing-mode:vertical-lr;text-orientation:upright;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-semi-tp-50);transition:background-color .3s;animation:animateDarkMode 1s forwards}@keyframes animateDarkMode{to{right:0}}.dark-mode__btn{color:var(--txt-clr);font-size:clamp(.8rem,2vw,1rem);transition:all .3s}.dark-mode__btn:hover{opacity:.5}@media (max-width: 1000px){.dark-mode{top:25px;right:-25px;bottom:25px;width:25px}}.header{position:fixed;top:0;right:50px;left:50px;z-index:1;height:50px;background:var(--bg-semi-tp-50);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:background-color .3s}@media (max-width: 1000px){.header{right:25px;left:25px;height:25px}}.footer{position:fixed;right:50px;bottom:-50px;left:50px;z-index:1;display:flex;justify-content:space-between;align-items:center;height:50px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--bg-semi-tp-50);transition:background-color .3s;animation:revealFooter 1s forwards}@keyframes revealFooter{to{bottom:0}}.copyright,.privacy{font-size:clamp(.8rem,2vw,1rem);color:var(--semi-tp-50);transition:color .3s}@media (max-width: 1000px){.footer{right:25px;bottom:-25px;left:25px;height:25px}}.game-1-section{position:fixed;top:100px;right:100px;bottom:100px;left:100px;font-family:Silkscreen,sans-serif;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;opacity:0;animation:reveal 1s forwards}.game-one__back-btn{align-self:flex-start;color:var(--txt-clr);transition:opacity .15s}.game-one__back-btn:hover{opacity:.5}.game-one__title-result{color:var(--txt-clr);font-size:1.5rem}.game-one__lives{color:var(--txt-clr)}.cards-grid{display:grid;grid-template:repeat(4,5rem)/repeat(4,5rem);gap:10px;perspective:800px}.card{position:relative;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;border:1px solid var(--semi-tp-25);background:var(--semi-tp-05);border-radius:10px;transition:transform 2s cubic-bezier(.175,.885,.32,1.275),background-color .3s,border .3s}.card:hover{background:var(--semi-tp-10)}.face{display:grid;place-content:center;font-size:1.5rem;position:absolute;width:50%;height:50%;pointer-events:none;transform:rotateY(-180deg);backface-visibility:hidden;transition:color .3s}.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;pointer-events:none}.toggle-card{transform:rotateY(180deg)}.inactive{pointer-events:none}.game-one__btn-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:25px}.game-one__btn{position:relative;color:var(--txt-clr);padding:10px 20px}.game-one__btn:before{content:"";position:absolute;top:0;left:0;width:50%;height:50%;border-top:2.5px solid var(--txt-clr);border-left:2.5px solid var(--txt-clr);transition:width .3s,height .3s}.game-one__btn:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:50%;border-right:2.5px solid var(--txt-clr);border-bottom:2.5px solid var(--txt-clr);transition:width .3s,height .3s}.game-one__btn:hover:before,.game-one__btn:hover:after{width:100%;height:100%}.game-one__btn--inactive{opacity:.5}.none{display:none!important}.rotate-container{position:absolute;top:100px;right:100px;bottom:100px;left:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:10px;opacity:0;z-index:1;animation:reveal 1s forwards}@keyframes reveal{to{opacity:1}}.rotate-font-img{font-size:72px;color:var(--txt-clr)}.rotate-title{color:var(--txt-clr);font-weight:300;text-align:center}@media (max-width: 1000px){.game-1-section{top:50px;right:50px;bottom:50px;left:50px}.cards-grid{grid-template:repeat(4,4rem)/repeat(4,4rem)}.rotate-container{top:50px;right:50px;bottom:50px;left:50px}}.project-page{position:fixed;top:0;right:100px;bottom:0;left:100px;display:flex;flex-direction:column;row-gap:50px;padding:100px 0;overflow-y:auto;opacity:0;animation:revealProjectPage 1s forwards}@keyframes revealProjectPage{to{opacity:1}}.project-page__back-btn{display:inline-block;color:var(--txt-clr);transition:all .3s}.project-page__back-btn:hover{opacity:.5}.project-page__link-container{display:flex;justify-content:flex-end;align-items:center;column-gap:10px}.project-page__link-container a{color:var(--txt-clr);transition:all .3s}.project-page__link-container a:hover{opacity:.5}.project-page__title-desc{color:var(--semi-tp-50);transition:color .3s}.project-page__title{color:var(--txt-clr);font-size:clamp(2rem,4vw,3rem);transition:color .3s}.project-page__desc-title{color:var(--semi-tp-50);transition:color .3s}.project-page__desc{text-align:justify}.project-page__video,.project-page__img{width:100%}@media (max-width: 1000px){.project-page{padding:50px 0;top:0;right:50px;bottom:0;left:50px;row-gap:25px}}@media (max-width: 800px){.project-page{top:0;right:35px;bottom:0;left:35px}}*{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}:before,:after{box-sizing:border-box}::-webkit-scrollbar{display:none}a{text-decoration:none}ul{list-style-type:none}button,input{font-family:inherit;border:none;background-color:transparent}:root{--bg-clr: #000;--bg-clr-light: #fff;--bg-clr-dark: #000;--txt-clr: #fff;--txt-clr-light: #fff;--txt-clr-dark: #000;--semi-tp-05: rgba(0, 0, 0, .05);--semi-tp-05-light: rgba(255, 255, 255, .05);--semi-tp-05-dark: rgba(0, 0, 0, .05);--semi-tp-10: rgba(0, 0, 0, .1);--semi-tp-10-light: rgba(255, 255, 255, .1);--semi-tp-10-dark: rgba(0, 0, 0, .1);--semi-tp-25: rgba(0, 0, 0, .25);--semi-tp-25-light: rgba(255, 255, 255, .25);--semi-tp-25-dark: rgba(0, 0, 0, .25);--semi-tp-50: rgba(0, 0, 0, .5);--semi-tp-50-light: rgba(255, 255, 255, .5);--semi-tp-50-dark: rgba(0, 0, 0, .5);--bg-semi-tp-50: rgba(255, 255, 255, .5);--bg-semi-tp-50-light: rgba(255, 255, 255, .5);--bg-semi-tp-50-dark: rgba(0, 0, 0, .5)}body{font-family:Inter,sans-serif;overflow:hidden;color:var(--txt-clr);transition:background-color .3s}#root{height:100dvh}.wrapper{display:none}*{cursor:none}