*{box-sizing:border-box}:after,:before{pointer-events:none}a{color:inherit;text-decoration:none}a:-webkit-any-link:focus-visible{outline:none}.wrapper::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body,html{background-color:#1c1c1c;scroll-behavior:smooth;overflow:hidden}body,button,html{user-select:none}.h1,.h2,.h3,.h4,.h5,.h6,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;position:relative}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--white:#fafaff;--black:#1c1c1c;--yellow:#fde74c}html{font-size:10px}h3{color:var(--yellow);font-size:clamp(2rem,2.5vw,99vw)}p{font-size:clamp(1.5rem,1.7vw,99vw)}p strong{color:var(--yellow);display:inline-block;animation:vibrate .3s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-30%)}}@keyframes scroll-reverse{0%{transform:translateX(-30%)}to{transform:translateX(0)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes heightOscillation{0%{transform:scaleY(1)}20%{transform:scaleY(.98)}40%{transform:scaleY(1.02)}60%{transform:scaleY(.97)}80%{transform:scaleY(1.03)}to{transform:scaleY(1)}}@keyframes glitch{0%{clip:rect(12px,9999px,14px,0);transform:skew(.3deg)}5%{clip:rect(100px,9999px,45px,0);transform:skew(.3deg)}10%{clip:rect(0,9999px,30px,0);transform:skew(.3deg)}15%{clip:rect(50px,9999px,80px,0);transform:skew(.3deg)}20%{clip:rect(0,9999px,40px,0);transform:skew(.3deg)}25%{clip:rect(10px,9999px,90px,0);transform:skew(.3deg)}30%{clip:rect(20px,9999px,80px,0);transform:skew(.3deg)}35%{clip:rect(30px,9999px,70px,0);transform:skew(.3deg)}40%{clip:rect(40px,9999px,60px,0);transform:skew(.3deg)}to{clip:rect(50px,9999px,70px,0);transform:skew(.3deg)}}.auth-guard__button,.btn-glitch,.navigation .menu_link,.wrapper_404 .menu_link,.wrapper_contact h1 .box-hover a,.wrapper_games .game-over-link,.wrapper_games button.games_link,.wrapper_games h1 .box-hover a,.wrapper_leaderboard button.games_link,.wrapper_leaderboard h1 .box-hover a{position:relative;display:inline-block;overflow:hidden;color:var(--white);font-size:clamp(1.8rem,1.389vw,2rem)}.auth-guard__button:after,.auth-guard__button:before,.btn-glitch:after,.btn-glitch:before,.navigation .menu_link:after,.navigation .menu_link:before,.wrapper_404 .menu_link:after,.wrapper_404 .menu_link:before,.wrapper_contact h1 .box-hover a:after,.wrapper_contact h1 .box-hover a:before,.wrapper_games .game-over-link:after,.wrapper_games .game-over-link:before,.wrapper_games button.games_link:after,.wrapper_games button.games_link:before,.wrapper_games h1 .box-hover a:after,.wrapper_games h1 .box-hover a:before,.wrapper_leaderboard button.games_link:after,.wrapper_leaderboard button.games_link:before,.wrapper_leaderboard h1 .box-hover a:after,.wrapper_leaderboard h1 .box-hover a:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip:rect(0,900px,0,0);transition:all .3s ease}.auth-guard__button:hover:before,.btn-glitch:hover:before,.navigation .menu_link:hover:before,.wrapper_404 .menu_link:hover:before,.wrapper_contact h1 .box-hover a:hover:before,.wrapper_games .game-over-link:hover:before,.wrapper_games button.games_link:hover:before,.wrapper_games h1 .box-hover a:hover:before,.wrapper_leaderboard button.games_link:hover:before,.wrapper_leaderboard h1 .box-hover a:hover:before{left:2px;text-shadow:-2px 0 red;animation:glitch .5s linear infinite alternate-reverse}.auth-guard__button:hover:after,.btn-glitch:hover:after,.navigation .menu_link:hover:after,.wrapper_404 .menu_link:hover:after,.wrapper_contact h1 .box-hover a:hover:after,.wrapper_games .game-over-link:hover:after,.wrapper_games button.games_link:hover:after,.wrapper_games h1 .box-hover a:hover:after,.wrapper_leaderboard button.games_link:hover:after,.wrapper_leaderboard h1 .box-hover a:hover:after{left:-2px;text-shadow:-2px 0 blue;animation:glitch .75s linear infinite alternate-reverse;z-index:-1}.auth-guard__button:hover,.btn-glitch:hover,.navigation .menu_link:hover,.wrapper_404 .menu_link:hover,.wrapper_contact h1 .box-hover a:hover,.wrapper_games .game-over-link:hover,.wrapper_games button.games_link:hover,.wrapper_games h1 .box-hover a:hover,.wrapper_leaderboard button.games_link:hover,.wrapper_leaderboard h1 .box-hover a:hover{animation:glitch 1s infinite;color:var(--yellow)}#mouseTracker{backdrop-filter:invert(100%);display:none;opacity:0}@media(min-width:768px){#mouseTracker{opacity:1;display:block}}.falling-object{position:absolute;z-index:9}.falling-object svg{width:100%;height:100%;object-position:center;object-fit:contain}.upward-object{background-color:var(--yellow);position:absolute;z-index:9}.contact-title-contain{opacity:1;transition:opacity .4s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-title-contain.hide{transition:opacity .4s ease;opacity:.3}.media-portfolio{transition:all .8s ease;z-index:9;border:2px solid var(--yellow);pointer-events:none;animation:vibrate 1s linear infinite}.media-portfolio img,.media-portfolio video{height:100%;width:100%;object-fit:cover;object-position:bottom left}.navigation{position:fixed;top:unset;bottom:0;right:0;left:0;width:100%;padding-block:2rem;background-color:var(--black);padding-inline:1rem;box-shadow:inset 0 0 0 2px var(--yellow);z-index:10;transition:transform .4s ease}.navigation.hide{transform:translateY(110%)}@media(min-width:768px){.navigation.hide{transform:translateY(-110%)}.navigation{padding-inline:4rem;top:0;bottom:unset}}.navigation .navbar{display:flex;justify-content:space-between;align-items:center}.navigation .menu_link{color:var(--white);font-size:clamp(1.8rem,1.389vw,2rem);margin-left:1rem;letter-spacing:.1em;cursor:pointer}.navigation .menu_link.identity{letter-spacing:.3em;font-size:clamp(1.8rem,1.667vw,2.4rem);color:var(--white)}.navigation .menu_link.identity span{display:none}@media(min-width:768px){.navigation .menu_link.identity span{display:inline-block}}.navigation .games_link,.navigation .menu_link.identity:hover{color:var(--yellow)}.embla{width:calc(100% - 4px);height:100%;margin:auto;--slide-height:19rem;--slide-spacing:1rem;--slide-size:100%;z-index:1}.embla__viewport{overflow:hidden;height:100%;width:100%}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1);height:100%;width:100%}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__slide,.embla__slide__card{display:flex;justify-content:center;align-items:center}.embla__slide__card{box-shadow:inset 0 0 0 2px var(--yellow);font-size:4rem;font-weight:600;height:var(--slide-height);user-select:none;width:70%;height:50%;aspect-ratio:2/3;position:relative;overflow:hidden}.embla__slide__card a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;backdrop-filter:brightness(.5);transition:backdrop-filter .4s ease}.embla__slide__card a:hover{backdrop-filter:brightness(1);transition:backdrop-filter .4s ease}.embla__slide__card a:hover h2{opacity:0;transition:opacity .4s ease}.embla__slide__card a h2{color:var(--yellow);font-size:clamp(2rem,3vw,99vw);font-weight:600;text-align:center;width:fit-content;padding:1rem 1.5rem;transition:opacity .4s ease}.embla__slide__card img{width:130vw;height:100%;object-fit:cover;position:absolute;object-position:top center;top:0;left:-50%;z-index:-1}@media(min-width:768px){.embla__slide__card img{width:100vw}.embla__slide__card{aspect-ratio:16/9;width:50%}}.footer{position:fixed;right:4px;bottom:unset;top:2px;left:4px;color:var(--white);background-color:var(--black);font-size:clamp(1rem,2vw,1.5rem);padding-block:1rem;padding-inline:1rem;opacity:1;z-index:10;display:flex;justify-content:space-between;align-items:center;transition:transform .4s ease}.footer.hide{transform:translateY(-110%)}@media(min-width:768px){.footer.hide{transform:translateY(110%)}.footer{padding-inline:4rem;bottom:2px;top:unset}}.footer span#text{align-items:center;color:var(--white)!important}.footer span#text,.footer span#text #copyright{display:flex;opacity:.5;font-size:clamp(1rem,1vw,99vw)}.footer span#text #copyright{color:var(--yellow);position:relative;overflow:hidden;animation:glitch 1s 6s infinite;margin-right:.5rem;justify-content:center;align-items:flex-end;cursor:help}.footer span#text #copyright:after,.footer span#text #copyright:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip:rect(0,900px,0,0);transition:all .3s ease}.footer span#text #copyright:before{left:2px;text-shadow:-2px 0 red;animation:glitch .5s linear 6s infinite alternate-reverse}.footer span#text #copyright:after{left:-2px;text-shadow:-2px 0 blue;animation:glitch .75s linear 6s infinite alternate-reverse;z-index:-1}.footer .social{display:flex;justify-content:center;align-items:center;width:fit-content;opacity:.5}.footer .social a{display:block;height:clamp(3rem,2.5vw,99vw);width:auto;aspect-ratio:1/1;margin-left:.5rem}.footer .social a:hover svg{stroke:var(--white);transform:all .4s ease}.footer .social a svg{height:100%;width:100%;stroke:var(--yellow);transform:all .4s ease}.footer .social a.games{position:relative;overflow:hidden;animation:glitch 1s 6s infinite}.footer .social a.games:after,.footer .social a.games:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip:rect(0,900px,0,0);transition:all .3s ease;background-position:50%;background-size:contain;background-repeat:no-repeat}.footer .social a.games:before{left:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 0, 0, 0.99)' stroke-linecap='round' stroke-linejoin='round' width='24' height='24' stroke-width='2'%3E%3Cpath d='M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M20 12.5v4.75a.734 .734 0 0 1 -.055 .325a.704 .704 0 0 1 -.348 .366l-5.462 2.58a5 5 0 0 1 -4.27 0l-5.462 -2.58a.705 .705 0 0 1 -.401 -.691l0 -4.75'%3E%3C/path%3E%3Cpath d='M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a.691 .691 0 0 1 .028 -1.27z'%3E%3C/path%3E%3Cpath d='M12 7l0 6'%3E%3C/path%3E%3C/svg%3E");animation:glitch .5s linear 6s infinite alternate-reverse;z-index:-1}.footer .social a.games:after{left:-3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 255, 0.99)' stroke-linecap='round' stroke-linejoin='round' width='24' height='24' stroke-width='2'%3E%3Cpath d='M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M20 12.5v4.75a.734 .734 0 0 1 -.055 .325a.704 .704 0 0 1 -.348 .366l-5.462 2.58a5 5 0 0 1 -4.27 0l-5.462 -2.58a.705 .705 0 0 1 -.401 -.691l0 -4.75'%3E%3C/path%3E%3Cpath d='M4.431 12.216l5.634 -2.332a5.065 5.065 0 0 1 3.87 0l5.634 2.332a.692 .692 0 0 1 .028 1.269l-5.462 2.543a5.064 5.064 0 0 1 -4.27 0l-5.462 -2.543a.691 .691 0 0 1 .028 -1.27z'%3E%3C/path%3E%3Cpath d='M12 7l0 6'%3E%3C/path%3E%3C/svg%3E");animation:glitch .75s linear 6s infinite alternate-reverse;z-index:-1}.container-skills{display:flex;justify-content:flex-start;align-items:center;padding-bottom:var(--nav-height);justify-content:center}@media(min-width:768px){.container-skills{overflow:hidden;padding-top:var(--nav-height);padding-bottom:var(--nav-height)}}.container-skills .skill{margin-inline:clamp(1rem,2vw,99vw);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background-color:var(--black)}.container-skills .skill .title-skill{color:var(--black);font-size:clamp(1.8rem,2vw,99vw);text-align:center;position:absolute;top:50%;transform:rotate(-90deg);white-space:nowrap}.container-skills .skill .title-skill.value-1{color:var(--white)}.container-skills .skill .bar-skill{width:clamp(3rem,6vw,99vw);height:clamp(25rem,30vw,99vw);border:2px solid var(--white);position:relative}.container-skills .skill .bar-skill:before{content:"";width:100%;display:block;background-color:var(--yellow);position:absolute;bottom:0;animation:heightOscillation .2s infinite alternate}.container-skills .skill .bar-skill:after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:3}.container-skills .skill .bar-skill.value-1:before{height:10%}.container-skills .skill .bar-skill.value-2:before{height:20%}.container-skills .skill .bar-skill.value-3:before{height:30%}.container-skills .skill .bar-skill.value-4:before{height:40%}.container-skills .skill .bar-skill.value-5:before{height:50%}.container-skills .skill .bar-skill.value-6:before{height:60%}.container-skills .skill .bar-skill.value-7:before{height:70%}.container-skills .skill .bar-skill.value-8:before{height:80%}.container-skills .skill .bar-skill.value-9:before{height:90%}.container-skills .skill .bar-skill.value-10:before{height:100%}.play-bar{position:fixed;top:unset;bottom:0;right:0;left:0;width:100%;padding-block:2rem;background-color:var(--black);padding-inline:1rem;box-shadow:inset 0 0 0 2px var(--yellow);z-index:10;transition:transform .4s ease}.play-bar.show{transform:translateY(0)}.play-bar.hide{transform:translateY(110%)}@media(min-width:768px){.play-bar{padding-inline:4rem}}.play-bar .navbar{display:flex;justify-content:space-between;align-items:center}.play-bar .navbar button{border:2px solid var(--white);background-color:transparent;color:var(--yellow);height:4rem;width:4rem;aspect-ratio:1/1}.play-bar .navbar button svg{fill:var(--yellow);height:100%;width:100%;object-fit:contain}.play-bar .navbar button.left{margin-right:2rem}.score-bar{position:fixed;top:3px;right:3px;left:3px;width:calc(100% - 6px);padding-block:2rem;background-color:transparent;padding-inline:1rem;z-index:10;transition:all .4s ease}.score-bar.show{transform:translateY(0)}.score-bar.hide{transform:translateY(-110%)}@media(min-width:768px){.score-bar{padding-inline:4rem}}.score-bar .navbar{display:flex;justify-content:space-between;align-items:center}.score-bar .navbar .life{display:flex;justify-content:center;align-items:center}.score-bar .navbar .life span{color:var(--yellow);height:3rem;width:3rem;aspect-ratio:1/1}.score-bar .navbar .life span svg{fill:var(--yellow);height:100%;width:100%;object-fit:contain}.score-bar .navbar .life span.left{margin-right:1rem}.score-bar .navbar .score span{color:var(--white);font-size:clamp(3rem,2.5vw,99vw)}#space-ship{position:absolute;bottom:var(--nav-height);left:calc(50% - clamp(5rem,5vw,99vw)/2);height:auto;width:clamp(5rem,5vw,99vw);aspect-ratio:1/1;pointer-events:none;z-index:100;transition:opacity 2s ease}#space-ship svg{width:100%;height:100%;object-fit:contain;object-position:center bottom;fill:var(--yellow);stroke:var(--yellow)}#space-ship.show{opacity:1}#space-ship.hide{opacity:0}.modal-overlay-name{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay-name .modal-content{background-color:var(--black);border:2px solid var(--yellow);position:relative;padding:2rem;animation:modalAppear .3s ease-out;width:fit-content;height:fit-content}.modal-overlay-name .player-name-form{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.modal-overlay-name .player-name-form h3{margin-bottom:1rem;text-align:center}.modal-overlay-name .player-name-form input{border:2px solid var(--yellow);background:transparent;color:var(--white);font-size:clamp(1.6rem,1.8vw,99vw);width:100%!important;padding:.6em 1em}.modal-overlay-name .player-name-form input:focus{outline:none;border-color:var(--yellow)}.modal-overlay-name .player-name-form button{margin-top:1rem;width:100%!important}.modal-overlay-name .player-name-form button:disabled{opacity:.5;cursor:not-allowed}.auth-guard{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--black);color:var(--white);font-family:Source Code Pro,monospace}.auth-guard__container{padding:4rem;box-shadow:inset 0 0 0 2px var(--yellow);background-color:var(--black);min-width:300px;max-width:400px;width:100%;animation:appear .5s ease}@media(min-width:768px){.auth-guard__container{padding:4rem 6rem}}.auth-guard__title{margin-top:0;margin-bottom:3rem;text-align:center;color:var(--white);font-size:clamp(2rem,2.5vw,3rem);letter-spacing:.2em;text-transform:uppercase}.auth-guard__form{display:flex;flex-direction:column}.auth-guard__label{display:block;margin-bottom:1rem;text-transform:uppercase}.auth-guard__input,.auth-guard__label{color:var(--white);font-size:clamp(1.4rem,1.5vw,1.6rem);letter-spacing:.1em}.auth-guard__input{width:100%;padding:1.2rem;background-color:var(--black);border:2px solid var(--yellow);font-family:Source Code Pro,monospace;box-sizing:border-box;margin-bottom:2rem;transition:all .3s ease}.auth-guard__input:focus{outline:none;box-shadow:0 0 10px var(--yellow)}.auth-guard__input::placeholder{color:rgba(250,250,255,.3)}.auth-guard__error{color:#f44;margin-bottom:1.5rem;font-size:clamp(1.2rem,1.3vw,1.4rem);letter-spacing:.1em;text-align:center;animation:vibrate .3s linear}.auth-guard__button{width:100%;padding:1.2rem;background-color:var(--black);color:var(--white);border:2px solid var(--yellow);font-size:clamp(1.6rem,1.8vw,2rem);font-family:Orbitron,sans-serif;cursor:pointer;font-weight:500;letter-spacing:.2em;text-transform:uppercase;position:relative;overflow:hidden;transition:all .3s ease}.auth-guard__button:hover{color:var(--yellow);box-shadow:0 0 15px var(--yellow)}.auth-guard__button:active{transform:scale(.98)}.auth-guard__loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--black);color:var(--white);font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,2vw,2.4rem);letter-spacing:.3em;text-transform:uppercase;animation:appear .5s ease}.wrapper_home{overflow:hidden;opacity:0;transition:opacity .5s ease-in-out}.wrapper_home,.wrapper_home section.title-component{background-color:var(--black);height:var(--viewport-height);display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper_home section.title-component{pointer-events:none;width:100vw;white-space:nowrap;position:fixed;top:0;left:0;border:2px solid var(--white)}.wrapper_home section.title-component h1{font-size:clamp(4.2rem,13.889vw,99vw);color:var(--white);opacity:.5;font-weight:400;letter-spacing:.2em;display:flex;white-space:nowrap;width:100%;position:relative}.wrapper_home section.title-component h1 span{position:relative;padding-right:clamp(5rem,6.944vw,99vw)}.wrapper_home section.title-component h2{font-size:clamp(3.6rem,6.25vw,99vw);color:var(--yellow);opacity:.5;font-weight:400;letter-spacing:.1em;display:flex;white-space:nowrap;width:100%;position:relative}.wrapper_home section.title-component h2 span{position:relative;padding-right:clamp(5rem,6.944vw,99vw);left:-185%}@media(min-width:768px){.wrapper_home section.title-component h2 span{left:-130%}}.wrapper_home section.title-component p{font-size:clamp(1.6rem,1.8vw,99vw);color:rgba(var(--white),.5);width:60%;text-align:center;margin-top:2rem;white-space:normal}.wrapper_about{height:var(--viewport-height);width:100vw;background-color:var(--black);border:2px solid var(--white);opacity:0;transition:opacity .5s ease-in-out;position:relative;top:0;left:0;overflow:auto}.wrapper_about .navigation .link .menu_link:first-child{color:var(--yellow);animation:glitch 1s infinite}.wrapper_about .navigation .link .menu_link:first-child:before{left:2px;text-shadow:-2px 0 red;animation:glitch .5s linear infinite alternate-reverse}.wrapper_about .navigation .link .menu_link:first-child:after{left:-2px;text-shadow:-2px 0 blue;animation:glitch .75s linear infinite alternate-reverse;z-index:-1}.wrapper_about .container{padding-top:var(--nav-height);padding-bottom:calc(var(--nav-height)/2);padding-inline:1rem}@media(min-width:768px){.wrapper_about .container{padding-inline:4rem;padding-top:calc(var(--nav-height)*2);padding-bottom:var(--nav-height)}}.wrapper_about .container section.about{padding-block:2rem}.wrapper_about .container section.about h1{color:var(--white);font-size:clamp(1.8rem,7vw,99vw);text-align:center}.wrapper_about .container section.description_general{display:flex;justify-content:space-between;align-items:center;padding-block:calc(var(--nav-height)/2);flex-direction:column}@media(min-width:768px){.wrapper_about .container section.description_general{padding-block:var(--nav-height);flex-direction:row}}.wrapper_about .container section.description_general .description{width:100%}@media(min-width:768px){.wrapper_about .container section.description_general .description{width:60%}}.wrapper_about .container section.description_general .description p{color:var(--white);font-size:clamp(1.5rem,1.7vw,99vw);text-align:left;padding-bottom:1.5rem}.wrapper_about .container section.description_general .description p strong{color:var(--yellow);display:inline-block;animation:vibrate .3s linear infinite}.wrapper_about .container section.description_general figure{width:100%;height:auto;aspect-ratio:1/1;margin-top:calc(var(--nav-height)/2);background-color:var(--white)}@media(min-width:768px){.wrapper_about .container section.description_general figure{width:38%;margin-top:0}}.wrapper_about .container section.description_general figure svg rect.black-svg{fill:var(--black)}.wrapper_about .container section.description_general figure svg rect.yellow-svg{fill:var(--yellow)}.wrapper_about .container section.description_general figure svg rect.black-opacity-svg{fill:var(--black);opacity:.4}.wrapper_about .container section.slogan{padding-block:var(--nav-height);display:flex;flex-direction:column;justify-content:center;align-items:center}@media(min-width:768px){.wrapper_about .container section.slogan{padding-block:var(--nav-height)}}.wrapper_about .container section.slogan h3{color:var(--yellow);text-align:center;padding-bottom:calc(var(--nav-height)/2);font-size:clamp(2rem,2.5vw,99vw)}.wrapper_about .container section.slogan .description{width:100%}@media(min-width:768px){.wrapper_about .container section.slogan .description{width:90%}}.wrapper_about .container section.slogan .description p{text-align:left;color:var(--white);font-size:clamp(1.5rem,1.7vw,99vw)}@media(min-width:768px){.wrapper_about .container section.slogan .description p{text-align:center}}.wrapper_about .container section.slogan .description p strong{color:var(--yellow);display:inline-block;animation:vibrate .3s linear infinite}.wrapper_about .container section.skill{padding-block:calc(var(--nav-height)/2)}@media(min-width:768px){.wrapper_about .container section.skill{padding-block:var(--nav-height)}}.wrapper_about .container section.skill h3{color:var(--yellow);text-align:center;padding-bottom:calc(var(--nav-height)/2);font-size:clamp(2rem,2.5vw,99vw)}.wrapper_contact{height:var(--viewport-height);width:100vw;background-color:var(--black);border:2px solid var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .5s ease-in-out}.wrapper_contact h1{font-size:clamp(1.8rem,7vw,99vw);color:var(--white);opacity:1;cursor:pointer;position:relative}.wrapper_contact h1 .box-hover{position:absolute;bottom:revert-layer;left:0;font-size:clamp(1.6rem,1vw,99vw);display:flex;flex-direction:column;gap:1rem;overflow:hidden;height:0;transition:height .3s ease-in-out}.wrapper_contact h1 .box-hover a{color:var(--white);opacity:1}.wrapper_contact p{font-size:clamp(1.6rem,1.8vw,99vw);color:var(--yellow);opacity:.5;width:60%;text-align:center;white-space:normal}.wrapper_contact h3{font-size:clamp(1.8rem,2vw,99vw);color:var(--yellow);opacity:.5;padding-top:2rem}.wrapper_contact .navigation .link .menu_link:nth-child(3){color:var(--yellow);animation:glitch 1s infinite}.wrapper_contact .navigation .link .menu_link:nth-child(3):before{left:2px;text-shadow:-2px 0 red;animation:glitch .5s linear infinite alternate-reverse}.wrapper_contact .navigation .link .menu_link:nth-child(3):after{left:-2px;text-shadow:-2px 0 blue;animation:glitch .75s linear infinite alternate-reverse;z-index:-1}.wrapper_404{height:var(--viewport-height);width:100vw;background-color:var(--black);border:2px solid var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease-in-out}.wrapper_404 h1{font-size:clamp(4.2rem,7vw,99vw);color:var(--yellow);opacity:.5;font-weight:400;letter-spacing:.2em;width:100%;position:relative;text-align:center;animation:vibrate .3s linear infinite}.wrapper_404 h1 span{position:relative;padding-right:clamp(5rem,6.944vw,99vw)}.wrapper_404 p{font-size:clamp(1.6rem,3vw,99vw);color:var(--white);opacity:.5;width:60%;margin-top:2rem;white-space:normal;text-align:center}.wrapper_404 .menu_link{color:var(--white);font-size:clamp(1.8rem,2vw,2rem);margin:2rem auto;letter-spacing:.1em;cursor:pointer}.wrapper_portfolio{height:var(--viewport-height);width:100vw;background-color:var(--black);box-shadow:inset 0 0 0 2px var(--white);opacity:0;border:2px solid var(--white);position:fixed;top:0;left:0;overflow:auto}.wrapper_portfolio .container{padding-top:calc(var(--nav-height)*2);padding-bottom:calc(var(--nav-height)/2);padding-inline:1rem;position:relative}@media(min-width:768px){.wrapper_portfolio .container{padding-inline:4rem;padding-top:calc(var(--nav-height)*2);padding-bottom:var(--nav-height)}}.wrapper_portfolio .container p{color:var(--white);padding-bottom:1.5rem}.wrapper_portfolio .container h1{color:var(--white);font-size:clamp(1.8rem,7vw,99vw);text-align:center;padding-bottom:calc(var(--nav-height)/2)}@media(min-width:768px){.wrapper_portfolio .container h1{padding-bottom:calc(var(--nav-height)*2)}}.wrapper_portfolio .container section{padding-bottom:var(--nav-height)}@media(min-width:768px){.wrapper_portfolio .container section{padding-bottom:calc(var(--nav-height)*2);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.wrapper_portfolio .container section.result-project{padding-bottom:var(--nav-height)}}.wrapper_portfolio .container section h3{width:100%;padding-bottom:calc(var(--nav-height)/2);text-align:center}@media(min-width:768px){.wrapper_portfolio .container section h3{padding-bottom:var(--nav-height)}}.wrapper_portfolio .container section .media-block,.wrapper_portfolio .container section .media-block.media-block-problems,.wrapper_portfolio .container section .media-block.media-block-result,.wrapper_portfolio .container section .media-block.media-block-solutions{width:100%;height:auto;aspect-ratio:16/9}.wrapper_portfolio .container section .description-about,.wrapper_portfolio .container section .description-problems,.wrapper_portfolio .container section .description-result,.wrapper_portfolio .container section .description-solutions{width:100%}.navigation .wrapper_portfolio .container section .menu_link,.wrapper_404 .wrapper_portfolio .container section .menu_link,.wrapper_contact h1 .box-hover .wrapper_portfolio .container section a,.wrapper_games .wrapper_portfolio .container section .game-over-link,.wrapper_games .wrapper_portfolio .container section button.games_link,.wrapper_games h1 .box-hover .wrapper_portfolio .container section a,.wrapper_leaderboard .wrapper_portfolio .container section button.games_link,.wrapper_leaderboard h1 .box-hover .wrapper_portfolio .container section a,.wrapper_portfolio .container section .auth-guard__button,.wrapper_portfolio .container section .btn-glitch,.wrapper_portfolio .container section .navigation .menu_link,.wrapper_portfolio .container section .wrapper_404 .menu_link,.wrapper_portfolio .container section .wrapper_contact h1 .box-hover a,.wrapper_portfolio .container section .wrapper_games .game-over-link,.wrapper_portfolio .container section .wrapper_games button.games_link,.wrapper_portfolio .container section .wrapper_games h1 .box-hover a,.wrapper_portfolio .container section .wrapper_leaderboard button.games_link,.wrapper_portfolio .container section .wrapper_leaderboard h1 .box-hover a{margin-top:calc(var(--nav-height)/2);margin-inline:auto}@media(min-width:768px){.navigation .wrapper_portfolio .container section .menu_link,.wrapper_404 .wrapper_portfolio .container section .menu_link,.wrapper_contact h1 .box-hover .wrapper_portfolio .container section a,.wrapper_games .wrapper_portfolio .container section .game-over-link,.wrapper_games .wrapper_portfolio .container section button.games_link,.wrapper_games h1 .box-hover .wrapper_portfolio .container section a,.wrapper_leaderboard .wrapper_portfolio .container section button.games_link,.wrapper_leaderboard h1 .box-hover .wrapper_portfolio .container section a,.wrapper_portfolio .container section .auth-guard__button,.wrapper_portfolio .container section .btn-glitch,.wrapper_portfolio .container section .navigation .menu_link,.wrapper_portfolio .container section .wrapper_404 .menu_link,.wrapper_portfolio .container section .wrapper_contact h1 .box-hover a,.wrapper_portfolio .container section .wrapper_games .game-over-link,.wrapper_portfolio .container section .wrapper_games button.games_link,.wrapper_portfolio .container section .wrapper_games h1 .box-hover a,.wrapper_portfolio .container section .wrapper_leaderboard button.games_link,.wrapper_portfolio .container section .wrapper_leaderboard h1 .box-hover a{margin-top:var(--nav-height)}}.wrapper_games{height:var(--viewport-height);width:100vw;background-color:var(--black);border:2px solid var(--white);opacity:0;position:relative;top:0;left:0;overflow:auto;transition:opacity .5s ease-in-out}.wrapper_games .container{padding-top:var(--nav-height);padding-bottom:calc(var(--nav-height)/2);padding-inline:1rem}@media(min-width:768px){.wrapper_games .container{padding-inline:4rem;padding-top:calc(var(--nav-height));padding-bottom:var(--nav-height)}}.wrapper_games .container .intro{transform:translateY(0);opacity:1;transition:transform .5s ease-out,opacity .5s ease-out}.wrapper_games .container .intro--hidden{transform:translateY(-100%);opacity:0}.wrapper_games h1{font-size:clamp(1.8rem,7vw,99vw);color:var(--white);opacity:1;cursor:pointer;position:relative;text-align:center;padding-bottom:1rem}.wrapper_games h1 .box-hover{position:absolute;bottom:revert-layer;left:0;font-size:clamp(1.6rem,1vw,99vw);display:flex;flex-direction:column;gap:1rem;overflow:hidden;height:0;transition:height .3s ease-in-out}.wrapper_games h1 .box-hover a{color:var(--white);opacity:1}.wrapper_games .description{width:100%;margin:0 auto}@media(min-width:768px){.wrapper_games .description{width:80%}}.wrapper_games .description p{color:var(--white);font-size:clamp(1.5rem,1.7vw,99vw);text-align:center;padding-bottom:1.5rem;width:100%;opacity:1}.wrapper_games .description p strong{color:var(--yellow);display:inline-block;animation:vibrate .3s linear infinite}.wrapper_games .games_link_container{width:100%;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;overflow:hidden;max-height:30%;padding-top:2rem;flex-direction:column}.wrapper_games .games_link_container--hidden{opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.wrapper_games p{opacity:.5;width:60%}.wrapper_games .game-over-link,.wrapper_games button.games_link,.wrapper_games p{font-size:clamp(1.6rem,1.8vw,99vw);color:var(--yellow);text-align:center;white-space:normal}.wrapper_games .game-over-link,.wrapper_games button.games_link{opacity:1;width:fit-content;padding:.6em 1em;background-color:transparent;border:2px solid var(--yellow);cursor:pointer;margin-bottom:2rem}.wrapper_games .game-over-link:after,.wrapper_games .game-over-link:before,.wrapper_games button.games_link:after,.wrapper_games button.games_link:before{top:.6em}.wrapper_games .game-over,.wrapper_games .instruction{width:100%;padding-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1}.wrapper_games .game-over p,.wrapper_games .instruction p{color:var(--yellow);text-align:center;font-size:clamp(2rem,2.5vw,99vw);width:80%}.wrapper_games .game-over p{font-size:clamp(2.6rem,2.8vw,99vw);opacity:1}.wrapper_games .last-score{margin-top:20px;font-size:1.2em;color:#fff;text-align:center;opacity:.8}.wrapper_games .game-title{position:absolute;top:calc(var(--nav-height));left:50%;transform:translateX(-50%);color:var(--yellow);font-size:clamp(1.8rem,2vw,99vw);text-align:center;opacity:.8;margin:0;z-index:10}@media(min-width:768px){.wrapper_games .game-title{top:calc(var(--nav-height))}}.wrapper_games .game-over-message{margin-top:1rem;font-size:1.2rem;text-align:center;color:var(--color-primary);animation:fadeIn .5s ease-in-out}.wrapper_games .modal-close{position:absolute}.wrapper_leaderboard{height:var(--viewport-height);width:100vw;background-color:var(--black);border:2px solid var(--white);opacity:0;position:relative;top:0;left:0;overflow:auto;transition:opacity .5s ease-in-out}.wrapper_leaderboard .container{padding-top:var(--nav-height);padding-bottom:calc(var(--nav-height)/2);padding-inline:1rem}@media(min-width:768px){.wrapper_leaderboard .container{padding-inline:4rem;padding-top:calc(var(--nav-height));padding-bottom:var(--nav-height)}}.wrapper_leaderboard .container .intro{transform:translateY(0);opacity:1;transition:transform .5s ease-out,opacity .5s ease-out}.wrapper_leaderboard .container .intro--hidden{transform:translateY(-100%);opacity:0}.wrapper_leaderboard h1{font-size:clamp(1.8rem,6vw,99vw);color:var(--white);opacity:1;cursor:pointer;position:relative;text-align:center;padding-bottom:1rem}.wrapper_leaderboard h1 .box-hover{position:absolute;bottom:revert-layer;left:0;font-size:clamp(1.6rem,1vw,99vw);display:flex;flex-direction:column;gap:1rem;overflow:hidden;height:0;transition:height .3s ease-in-out}.wrapper_leaderboard h1 .box-hover a{color:var(--white);opacity:1}.wrapper_leaderboard .description{width:100%;margin:0 auto}@media(min-width:768px){.wrapper_leaderboard .description{width:80%}}.wrapper_leaderboard .description p{color:var(--white);font-size:clamp(1.5rem,1.7vw,99vw);text-align:center;padding-bottom:1.5rem;width:100%;opacity:1}.wrapper_leaderboard .description p strong{color:var(--yellow);display:inline-block;animation:vibrate .3s linear infinite}.wrapper_leaderboard .games_link_container{width:100%;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;overflow:hidden;max-height:30%}.wrapper_leaderboard .games_link_container--hidden{opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.wrapper_leaderboard p{opacity:.5;width:60%}.wrapper_leaderboard button.games_link,.wrapper_leaderboard p{font-size:clamp(1.6rem,1.8vw,99vw);color:var(--yellow);text-align:center;white-space:normal}.wrapper_leaderboard button.games_link{opacity:1;width:fit-content;padding:.6em 1em;background-color:transparent;border:2px solid var(--yellow);cursor:pointer}.wrapper_leaderboard button.games_link:after,.wrapper_leaderboard button.games_link:before{top:.6em}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--black);padding:20px;width:100vw;height:100dvh;border:2px solid var(--yellow);position:relative;overflow:auto}@media(max-width:768px){.modal-content{height:var(--viewport-height);width:100vw}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;color:var(--white);text-align:center;width:100%;padding-bottom:2rem}.modal-close{background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;position:fixed;top:1rem;right:1rem;padding:0 8px}.modal-close:hover{color:var(--yellow)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table td,.leaderboard-table th{padding:10px;text-align:left;border-bottom:1px solid var(--yellow)}.leaderboard-table th{color:var(--yellow);font-weight:700;font-size:clamp(1.6rem,2.5vw,99vw)}.leaderboard-table td{color:var(--white);font-size:clamp(1.3rem,1.7vw,99vw)}