@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Corinthia&display=swap);body{-ms-overflow-style:none;margin:0;overflow-y:auto;padding:0;scrollbar-width:none}#root::-webkit-scrollbar{display:none}h1{font-size:3rem}h1,h2{font-family:Antonio,sans-serif}h2{font-size:2.25rem}[m=dif]{mix-blend-mode:difference}[c=white]{color:#fff!important}.home{align-items:center;background-color:#060606;display:flex;font-family:Jost,sans-serif;height:120vh;justify-content:center;margin:0;padding:0}.home-bg{height:100.2vh;left:0;object-fit:cover;opacity:.5;position:fixed;top:0;transform:translateX(-1px);width:100vw;z-index:0}.logoparent{height:100vh;margin-left:25vw;margin-right:25vw;width:50vw}.logo,.logoparent{position:fixed;top:0}.logo{bottom:0;height:auto;left:0;margin:auto;right:0;transition:transform .3s ease;width:55vh}.logo:hover{transform:scale(1.11111)}.logoparenttrue{height:100vh;margin-left:25vw;margin-right:25vw;position:fixed;top:0;width:50vw}.logotrue{bottom:0;height:auto;left:0;margin:auto;position:fixed;right:0;top:0;transition:transform .3s ease;width:70vw}.home-scrolldowntoseemore{animation:flickerANIM 1.5s infinite;bottom:10vh;color:#fff;font-family:Antonio,sans-serif;font-size:22px;font-weight:350;height:1rem;left:0;letter-spacing:normal;position:fixed;right:0;text-align:center;transform:scale(1);transition:letter-spacing 1s ease,transform 1s ease}.home-scrolldowntoseemore:hover{animation:none;letter-spacing:.05em;opacity:1!important;transform:scale(1.1)}.home-scrolldowntoseemoreMobile{animation:flickerANIM 1.5s infinite;bottom:35vh;color:#fff;font-family:Antonio,sans-serif;font-size:22px;font-weight:350;height:1rem;left:0;letter-spacing:normal;position:fixed;right:0;text-align:center;transform:scale(1);transition:letter-spacing 1s ease,transform 1s ease}.home-panel.left{align-items:center;background-color:#000000bf;border-bottom-right-radius:1rem;border-top-right-radius:1rem;display:flex;height:40vh;position:fixed;top:50%;transform:translateY(-50%) translateX(-72vw);transition:transform .5s ease-in-out;width:50vw}.home-panel.left:hover{transform:translateY(-50%) translateX(-45vw)}.home-panel.left .child{color:grey;margin-left:22.5vw;max-width:25vw;min-width:17.5vw;padding-right:5vw}.home-panel.left .child img{transition:transform .2s ease}.home-panel.left .child img:hover{transform:scale(1.1) translateY(1.1px)}.home-panel.left .title{color:grey;font-size:1.25rem;margin-left:0;transform:rotate(180deg);-webkit-user-select:none;user-select:none;writing-mode:vertical-rl}.home-panel.right{align-items:center;background-color:#000000bf;border-bottom-left-radius:1rem;border-top-left-radius:1rem;display:flex;flex-direction:row-reverse;height:40vh;position:fixed;top:50%;transform:translateY(-50%) translateX(72vw);transition:transform .5s ease-in-out;width:50vw}.home-panel.right:hover{transform:translateY(-50%) translateX(45vw)}.home-panel.right .child{color:grey;margin-right:25vw;max-width:22.5vw;min-width:17.5vw;padding-left:5vw}.home-panel.right .title{color:grey;font-size:1.5rem;font-size:1.25rem;margin-right:0;transform:rotate(0deg);-webkit-user-select:none;user-select:none;writing-mode:vertical-lr}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-in-out forwards}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col{box-sizing:border-box;flex:1 1;padding-left:15px;padding-right:15px}.col-1{flex:0 0 8.33%;max-width:8.33%}.col-2{flex:0 0 16.66%;max-width:16.66%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33%;max-width:33.33%}.col-5{flex:0 0 41.66%;max-width:41.66%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33%;max-width:58.33%}.col-8{flex:0 0 66.66%;max-width:66.66%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33%;max-width:83.33%}.col-11{flex:0 0 91.66%;max-width:91.66%}.col-12{flex:0 0 100%;max-width:100%}.img-gm-h{border-radius:1rem;height:auto;width:45%}.SCGame-false{border:none;border-radius:1rem;height:37.5rem;width:50rem}.SCGame-false *{border:none!important}.gametohome{background-color:initial;border:none;border-radius:1rem;color:#9400d3;cursor:pointer;font-family:Orbitron,sans-serif;padding:1rem 1.5rem;transition:transform .2s ease,background-color .3s ease}.gametohome:hover{color:#c02eff;transform:scale(1.1)}.gamenav{background-color:#121313;height:6vh;padding:1rem}.game-main{background-color:#0a0b0b;box-shadow:inset 0 0 0 2px #000;color:#ccc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:94vh;padding:2rem}.scrollspy-dark{background-color:#191919;border-radius:1rem;box-sizing:border-box;color:#fefefe;height:50vh;overflow:scroll;padding:2rem}.scroll{overflow:auto!important}.antonio{font-family:Antonio,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.trans-overlay{animation:fadeInOverlay .5s forwards;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.mywork-none{background-color:#ed1d24;font-family:Antonio,sans-serif;height:150vh;justify-content:center;margin:0;padding:0}.mywork-none,.mywork-switch{align-items:center;display:flex}.mywork-switch{background-color:initial;height:100vh;justify-content:left;left:0;margin-left:2.5rem;position:fixed;top:0;width:20rem;z-index:999}.mywork-switch li{margin:1rem 0}.mywork-switch.mobile{align-items:center;background-color:initial;display:flex;height:100vh;justify-content:left;left:0;margin-left:1rem;position:fixed;top:0;transform:translateY(5%);width:5rem;z-index:999}.mywork-switch.mobile,.mywork-switch.mobile ul,.mywork-switch.mobile ul li,.mywork-switch.mobile ul li a{max-width:2rem!important}.mywork-switch.mobile ul li a span{font-size:0;max-height:1rem;max-width:0;padding:0}.mywork-switch.mobile ul li a img{height:2rem!important;width:2rem}.mywork-switch.mobile ul li a{max-width:10rem}.mywork-sl{align-items:center;color:#fff;display:flex;flex-direction:row;font-family:Antonio,sans-serif;font-weight:650;gap:0;text-decoration:none}.mywork-switch ul{list-style:none;margin:0;padding:0}.mywork-switch li{align-items:center;margin:1vh 0}.mywork-sl span{background-color:#000;background-color:initial;border-radius:100rem;color:#0000;font-size:30px;height:40px!important;margin-left:-50px;max-height:40px;min-height:30px;opacity:1;padding:5px 5px 5px 62px;transition:width .5s ease,background-color .5s ease,color .5s ease,border .5s ease;width:0;z-index:5}.mywork-sl img{border:1px solid #b9841c;border-radius:100vh;height:50px!important;object-fit:cover;object-position:center;overflow:hidden;transition:border .35s ease;width:50px;z-index:6}.mywork-sl.h{padding:0}.mywork-sl.h span{color:#fff;font-size:28px;opacity:1;transition:width .5s ease-in-out;width:120px}.mywork-sl.h img,.mywork-sl.h span{border:1px solid #fff}.mywork-sl.a{padding:0}.mywork-sl.a span{background-color:#000;color:#fff;font-size:28px;transition:width .5s ease-in-out;width:120px}.mywork-sl.a img,.mywork-sl.a span{border:1px solid #fff}.mywork-main{transition:background-color .5s ease!important}.mywork-latest{align-items:center;background-color:#ed1d24;display:flex;font-family:Antonio,sans-serif;height:102vh;justify-content:center;margin:0;padding:0}.mywork-latest h1{animation:slideUpS .5s cubic-bezier(.22,1,.5,1);color:#fff;font-size:10rem;font-weight:700;left:50%;position:fixed;transform:translate(-50%);transition:letter-spacing 1s ease;will-change:transform;z-index:3}.mywork-latest h1:hover{letter-spacing:.05em}.mywork-latest img{animation:slideUpT .6s cubic-bezier(.22,1,.5,1);border-radius:1rem;height:22rem;left:50%;position:fixed;transform:translate(-50%);transform:translate(-50%) rotate(4deg);transition:transform 1.25s ease;width:auto;will-change:transform;z-index:2}.mywork-latest img:hover{transform:translate(-50%) rotate(2deg) scale(1.1)}.mywork-artwork{align-items:center;background-color:#ead3a0;display:flex;height:103vh;justify-content:center;margin:0;padding:0}.mywork-artwork h1{animation:slideUpS .5s cubic-bezier(.22,1,.5,1);color:#fff;font-family:Corinthia,cursive;font-size:10rem;font-style:normal;font-weight:400;left:50%;position:fixed;transform:translate(-50%);transition:letter-spacing 1s ease;will-change:transform;z-index:3}.mywork-artwork h1:hover{letter-spacing:.05em}.mywork-artwork img{animation:slideUpT .6s cubic-bezier(.22,1,.5,1);border:3px solid #32220d;height:22rem;left:50%;position:fixed;transform:translate(-50%);transform:translate(-50%) rotate(4deg);transition:transform 1.25s ease,height 1s ease;width:auto;will-change:transform;z-index:2}.mywork-artwork img:hover{transform:translate(-50%) rotate(-1deg) scale(1.3)}.play{background-color:#000;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.play::-webkit-scrollbar{width:8px}.play::-webkit-scrollbar-track{background:#111}.play::-webkit-scrollbar-thumb{background-color:#1f004f;border-radius:1000px}.play::-webkit-scrollbar-thumb:hover{background-color:#300073}.play{scrollbar-color:#1f004f #111;scrollbar-width:thin}.play h1{font-size:3rem}.play h1,.play h2{color:#fff;font-family:Orbitron,sans-serif}.play h2{font-size:2.5rem;margin-top:2rem;text-align:center}.play hr{border:1px solid #121313}.notfound{background-color:#000;height:100vh;overflow-y:auto;overflow:auto;overflow-x:hidden;scroll-behavior:smooth;width:100vw;z-index:0}.itsamsg,.notfound{justify-content:center;left:0;position:fixed;top:0}.itsamsg{align-items:center;bottom:0;display:flex;flex-direction:column;margin:auto;right:0;width:30vw;z-index:2}.itsamsg button{background-color:#fff;border:none;border-radius:.75rem;color:#111;cursor:pointer;font-size:1.25rem;padding:.5rem .75rem;transition:background-color .5s ease,color .5s ease}.itsamsg button:hover{background-color:#e2e2e2;color:#232323}.itsamsg *{align-self:center;justify-self:center}.impossible{color:#2f2f2f;font-family:Bebas Neue;font-size:16.1290322581vh;margin:auto;opacity:.25;position:fixed;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 -2px 0 #fff,0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff;white-space:nowrap}.impossible.top{animation:scrollRight .75s ease;bottom:0;left:0;right:0;top:4rem}.impossible.bot{animation:scrollLeft .75s ease;bottom:1rem;left:0;right:0}.bi-terminal{left:5rem}.bi-terminal,.i-terminal{bottom:0;color:#fff;margin:auto;position:fixed;top:0;white-space:nowrap}.i-terminal{left:7rem}.play #top{height:auto;margin-top:5rem;width:100vw}.play .trending{margin:0;padding:5vw}.play .trending p{background-color:#111;border-radius:1rem;cursor:grabbing;max-width:18rem;padding:1rem;width:18rem}.play .trending p img{border-radius:.5rem;height:auto;width:16rem}.play .trending p b{color:#fff;font-family:Antonio;font-size:1.5rem;margin-top:-1rem}.authorize{background-color:#000;display:flex;font-family:Roboto Mono,monospace;height:100vh;justify-content:left;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.authorize h2{font-weight:500;max-width:50vw}.authmainisme,.authorize h2{font-family:Roboto Mono,monospace;font-size:1.35rem;width:50vw}.authmainisme{background-color:#060606;border:1px solid #000;color:#fff;margin-bottom:1.2rem;text-align:left}.authmainisme:focus{border:1px solid #000;outline:none}.gotohomefromauth{background-color:#000!important;color:#ff0095!important;font-family:Roboto Mono;font-size:1.35rem!important;justify-content:left!important;justify-self:left!important;margin-left:-10vw;margin-right:auto;text-align:left!important}.flicker{animation:flickerANIM 1s ease infinite}.fixed{position:fixed}.myworkPage-latest{background-color:#ed1c24;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:6rem 0 0;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.myworkPage-latest p{background-color:#333131;border-radius:1.5rem;overflow:hidden;padding:1rem;width:100%;z-index:1}.myworkPage-latest p col{justify-content:left;margin-left:0;padding-left:-1rem!important}.myworkPage-latest p b{color:#fff;font-family:Jost,sans-serif;font-size:2rem}.myworkPage-latest p em{color:#fff;font-family:Jost,sans-serif;font-size:1rem;font-style:normal;opacity:.5}.myworkPage-latest main{padding:6rem}.myworkPage-artwork{background-color:#ead3a0;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:6rem 0 0;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.myworkPage-artwork p{background-color:#333131;border-radius:1.5rem;overflow:hidden;padding:1rem;width:100%;z-index:1}.myworkPage-artwork p col{justify-content:left;margin-left:0;padding-left:-1rem!important}.myworkPage-artwork p b{color:#fff;font-family:Jost,sans-serif;font-size:2rem}.myworkPage-artwork p em{color:#fff;font-family:Jost,sans-serif;font-size:1rem;font-style:normal;opacity:.5}.myworkPage-artwork main{padding:6rem}.myworkPage-artwork .tn{padding:3rem 3rem 3rem 6rem}.myworkPage-graphics{background-color:initial;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:6rem 0 0;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.myworkPage-graphics p{background-color:#0000007c;border-radius:1.5rem;overflow:hidden;padding:1rem;width:100%;z-index:1}.myworkPage-graphics p col{justify-content:left;margin-left:0;padding-left:-1rem!important}.myworkPage-graphics p b{color:#fff;font-family:Jost,sans-serif;font-size:2rem}.myworkPage-graphics p em{color:#fff;font-family:Jost,sans-serif;font-size:1rem;font-style:normal;opacity:.5}.myworkPage-graphics main{padding:6rem}.myworkPage-graphics .tn{padding:3rem 3rem 3rem 6rem}.myworkPage-web{background-color:#afb7c4;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:6rem 0 0;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.myworkPage-web p{background-color:#333131;border-radius:1.5rem;overflow:hidden;padding:1rem;width:100%;z-index:1}.myworkPage-web p col{justify-content:left;margin-left:0;padding-left:-1rem!important}.myworkPage-web p b{color:#fff;font-family:Jost,sans-serif;font-size:2rem}.myworkPage-web p em{color:#fff;font-family:Jost,sans-serif;font-size:1rem;font-style:normal;opacity:.5}.myworkPage-web main{padding:6rem}.myworkPage-web .tn{padding:3rem 3rem 3rem 6rem}.myworkPage-anim{background-color:#222;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:6rem 0 0;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.myworkPage-anim p{background-color:#333131;border-radius:1.5rem;overflow:hidden;padding:1rem;width:100%;z-index:1}.myworkPage-anim p col{justify-content:left;margin-left:0;padding-left:-1rem!important}.myworkPage-anim p b{color:#fff;font-family:Jost,sans-serif;font-size:2rem}.myworkPage-anim p em{color:#fff;font-family:Jost,sans-serif;font-size:1rem;font-style:normal;opacity:.5}.myworkPage-anim main{padding:6rem}.myworkPage-anim .tn{padding:3rem 3rem 3rem 6rem}.myworkPage-3d{background-color:#222;height:100vh;justify-content:center;left:0;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:0;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.myworkPage-3d p{background-color:#333131;border-radius:1.5rem;overflow:hidden;padding:1rem;width:100%;z-index:1}.myworkPage-3d p col{justify-content:left;margin-left:0;padding-left:-1rem!important}.myworkPage-3d p b{color:#fff;font-family:Jost,sans-serif;font-size:2rem}.myworkPage-3d p em{color:#fff;font-family:Jost,sans-serif;font-size:1rem;font-style:normal;opacity:.5}.myworkPage-3d main{padding:6rem}.myworkPage-3d .tn{padding:3rem 3rem 3rem 6rem}strong{color:#fff;font-family:Antonio,sans-serif;font-size:6rem;text-align:center;width:100%}.bi-github{bottom:2rem;color:#000;cursor:pointer;margin:auto;position:fixed;right:2rem;z-index:9999}.bi-github.light{color:#fff;z-index:9000}.bi-github.dark{color:#000;z-index:99999}.bi-youtube{bottom:5rem;color:#e91212;cursor:pointer;margin:auto;position:fixed;right:2rem;z-index:9000}.bi-githubDev{color:#000}.bi-githubDev,.bi-githubWit{bottom:2rem;left:0;margin:auto;position:fixed;right:0;transform:translateX(150%);z-index:9999}.bi-githubWit{color:#fff}.bi-githubLit{bottom:2rem;color:#fff;cursor:pointer;margin:auto;position:fixed;right:2rem;z-index:9999}.bi-githubDev.light{color:#fff;z-index:9000}.bi-githubDev.mix{mix-blend-mode:difference;z-index:9000}.bi-githubDev.dark{color:#000;z-index:99999}.bi-youtubeDev{bottom:2rem;color:#e91212;cursor:pointer;left:0;margin:auto;position:fixed;right:0;transform:translateX(-150%);z-index:9000}.bi-githubNix{color:#fff;cursor:pointer}.bi-linkedinNix{color:#00a2ff;cursor:pointer}.bi-behanceNix{color:#0026ff;cursor:pointer;z-index:100}.bi-behanceNixis{color:#000;cursor:pointer;margin-top:-3rem;z-index:9999}.bi-youtubeNix{color:#e91212;cursor:pointer}.about .socialPro{display:flex;flex-wrap:wrap;margin-left:-12vw;margin-right:-1;padding:-1rem}.about .socialPro li{padding:0}.modal{border-radius:10px;box-shadow:0 0 50px #000000bf;color:#fff;left:50%;max-height:75vh;max-width:80vw;position:fixed;top:50%;transform:translate(-50%,-45%);z-index:999999}.modal *{transition:all .5s ease}.modal h3{font-family:Antonio;font-size:3rem}.modal input{background-color:#fff;border:2px solid #0000;border-radius:.5rem;color:#222;cursor:pointer;font-family:Jost,sans-serif;font-size:1rem;margin:1rem;outline:none;padding:.5rem .75rem}.modal input:hover{background-color:#e0e0e0;color:#141414}.modal input:focus{background-color:#d6d6d6;border:2px solid #5178fa;color:#000}.modal [type=submit],.modal select{background-color:#fff;border:none;border-radius:.5rem;color:#000;cursor:pointer;font-family:Jost,sans-serif;font-size:1rem;margin:1rem;outline:none;padding:.5rem .75rem}.modal [type=submit]{text-align:center;width:100%}[btn=""]{background-color:#fff;border:none;border-radius:.5rem;color:#000;cursor:pointer;font-family:Antonio,sans-serif;font-size:1rem;margin:1rem;outline:none;padding:.5rem .75rem}[btn=""]:hover{background-color:#eee}[btn=red]{background-color:#ed1c24;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:Antonio,sans-serif;font-size:1rem;margin:1rem;outline:none;padding:.5rem .75rem}[btn=red]:hover{background-color:#af1d22}@keyframes scrollRight{0%{transform:translateX(30%)}to{transform:translateX(0)}}@keyframes scrollLeft{0%{transform:translateX(-30%)}to{transform:translateX(0)}}.card{background-color:#f5f5f5;border-radius:2rem;margin:1rem;padding:2rem}.middle{justify-content:center}.txt-c{text-align:center}.tooltip{--tail:10%;animation:fadeUp .5s ease;background-color:#f5f5f5;border:.5px solid #e8e8e8;border-radius:6px;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--tail)),55% calc(100% - var(--tail)),50% 100%,45% calc(100% - var(--tail)),0 calc(100% - var(--tail)));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--tail)),55% calc(100% - var(--tail)),50% 100%,45% calc(100% - var(--tail)),0 calc(100% - var(--tail)));color:#000;font-family:Jost,sans-serif;font-size:1.35rem;padding:4px 8px;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;z-index:9999}.tooltip img{display:block}.mywork-main{bottom:0;left:0;position:fixed;right:0;top:0}.mywork-container{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:0}.mywork-container.mobile div h1{font-size:5rem!important;transition:all 1s ease}.mywork-container.mobile .mywork-anim h1,.mywork-container.mobile .mywork-graphics h1,.mywork-container.mobile .mywork-web h1{font-size:3rem!important}.mywork-container.mobile .mywork-graphics img{height:50vw;width:90vw}.mywork-container.mobile .mywork-artwork img,.mywork-container.mobile .mywork-latest img{height:60vw;width:100vw}.mywork-container.mobile .mywork-3d h1{transform:translateY(-25vh)}.mywork-container.mobile .mywork-games h1{transform:translateY(-20vh)}.mywork-container.mobile .mywork-anim h1,.mywork-container.mobile .mywork-web h1{animation:fadeIn 1s ease;transform:translate(-50%,-30vh)}.mywork-artwork,.mywork-latest{animation:fadeIn .6s ease}.mywork-prevlatest,.mywork-prevnone{background-color:#ed1d24;opacity:1!important}.mywork-prevartwork{background-color:#ead3a0;opacity:1!important}.mywork-prevgraphics{background:linear-gradient(to bottom right,#000,#330502,#020a33,#000);opacity:1!important}.mywork-prevweb{background-color:#afb7c4;opacity:1!important}.mywork-prevanim{background-color:#222;opacity:1!important}.mywork-prev3d{background-color:#000;opacity:1!important}.mywork-prevgames{background-image:url(https://img.freepik.com/premium-vector/pixel-clouds-pattern-seamless-print-with-8-bit-video-game-clouds-concept-art-vector-blue-sky-environment-background-texture_102902-6113.jpg);opacity:1!important}@keyframes gradient-move{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.mywork-graphics{align-items:center;animation:fadeIn .64s ease;background:linear-gradient(to bottom right,#000,#330502,#020a33,#000);display:flex;height:103vh;justify-content:center;margin:0;padding:0}.mywork-graphics h1{animation:slideUpS .5s cubic-bezier(.22,1,.5,1);color:#fff;font-family:Jost,sans-serif;font-size:10rem;font-style:normal;font-weight:400;left:50%;position:fixed;transform:translate(-50%);transition:letter-spacing 1s ease;will-change:transform;z-index:3}.mywork-graphics h1:hover{letter-spacing:.05em}.mywork-graphics img{animation:fadeIn 1s cubic-bezier(.22,1,.5,1);border-radius:1rem;height:22rem;left:50%;object-fit:cover;object-position:center;position:fixed;transform:translate(-50%);transition:transform 1.25s ease,height 1s ease,width 1s ease;width:42.5rem;will-change:transform;z-index:2}.mywork-graphics img:hover{height:27rem;transform:translate(-50%);width:47.5rem}.mywork-web{align-items:center;animation:fadeIn .64s ease;background-color:#afb7c4;display:flex;height:103vh;justify-content:center;margin:0;padding:0}.mywork-web h1{animation:slideUpSQ .75s cubic-bezier(.22,1,.5,1);color:#fff;font-family:Jost,sans-serif;font-size:8rem;font-style:normal;font-weight:400;left:50%;position:fixed;transform:translate(-50%,-35vh);transition:letter-spacing 1s ease;will-change:transform;z-index:3}.mywork-web h1:hover{letter-spacing:.05em}#webimgd,.mywork-web img{height:40vw;object-fit:cover;object-position:center}#webimgd,#webimgm,.mywork-web img{animation:fadeIn 1s cubic-bezier(.22,1,.5,1);border-radius:1rem;bottom:0;left:50%;position:fixed;transform:translate(-50%);transition:transform 1.25s ease,height 1s ease,width 1s ease;width:75vw;will-change:transform;z-index:0}#webimgm{height:auto}.mywork-anim{align-items:center;animation:fadeIn .64s ease;background-color:#222;display:flex;height:103vh;justify-content:center;margin:0;padding:0}.mywork-anim h1{animation:slideUpS .5s cubic-bezier(.22,1,.5,1);color:#fff;font-family:Antonio,sans-serif;font-size:10rem;font-style:normal;font-weight:600;left:50%;position:fixed;transform:translate(-50%);transition:letter-spacing 1s ease;will-change:transform;z-index:3}.mywork-anim h1:hover{letter-spacing:.05em}.mywork-anim .img{animation:fadeIn 1s cubic-bezier(.22,1,.5,1);border-radius:1rem;height:22rem;left:50%;object-fit:cover;object-position:center;position:fixed;transform:translate(-50%);transition:transform 1.25s ease,height 1s ease,width 1s ease;width:42.5rem;will-change:transform;z-index:2}.mywork-anim .img:hover{height:27rem;transform:translate(-50%);width:47.5rem}.mywork-anim .line{animation:scrollOver 1s cubic-bezier(.22,1,.5,1);background-color:#ed1c24;border-radius:1rem;bottom:10vh;color:#0000;height:6px;left:0;margin-left:10vw;margin-right:10vw;position:fixed;transition:transform 1.25s ease,height 1s ease,width 1s ease,background-color .6s ease;width:80vw;will-change:transform;z-index:2}.mywork-anim .line:hover{background-color:#ff0f47;height:9px}.mywork-anim .line .un{width:0!important}.mywork-anim-un{background-color:#111;border-radius:1rem;bottom:10vh;color:#0000;height:6px;left:0;margin-left:10vw;margin-right:10vw;position:fixed;transition:transform 1.25s ease,height 1s ease,width 1s ease,background-color .6s ease;width:80vw;will-change:transform;z-index:1}.mywork-anim-play{animation:slideupS 1s cubic-bezier(.22,1,.5,1);background-color:#1f1f1f;border:none;border-radius:10rem;bottom:5vh;color:#fff;height:40px;left:55%;outline:none;position:fixed;transform:translate(-60%);transition:color .5s ease,background-color .5s ease;width:40px;z-index:2}.mywork-anim-play:hover{background-color:#efefef!important;color:#222}.mywork-anim-rev{animation:slideupS 1s cubic-bezier(.22,1,.5,1);background-color:#1f1f1f;border:none;border-radius:10rem;bottom:5vh;color:#fff;height:40px;left:45%;outline:none;position:fixed;transform:translate(-40%);transition:color .5s ease,background-color .5s ease;width:40px;z-index:2}.mywork-anim-rev:hover{background-color:#efefef!important;color:#222}.mywork-3d{align-items:center;animation:fadeIn .64s ease;background-color:#000;display:flex;height:103vh;justify-content:center;margin:0;padding:0}.mywork-3d h1{animation:fadeIn .5s cubic-bezier(.22,1,.5,1);font-size:10rem;font-weight:600;height:11rem;top:0;transform:translateY(-30vh);transition:all 1s ease}.mywork-3d h1,.mywork3dDragToMove{align-items:center;align-self:center;bottom:0;color:#fff;font-family:Jost,sans-serif;font-style:normal;left:0;position:fixed;right:0;text-align:center;width:100vw;will-change:transform;z-index:3}.mywork3dDragToMove{animation:fadeIn .5s cubic-bezier(.22,1,.5,1),flickerANIM 1s ease infinite;font-size:2rem;font-weight:400;height:3rem;top:65vh;transition:transform 1s ease}.mywork3dDragToMove svg{margin-right:.2em}.mywork-3d h1:hover{transform:translateY(-30vh) scale(1.15)}.mywork-3d img{bottom:0;height:100vh;left:50%;object-fit:cover;object-position:center;position:fixed;transform:translate(-50%);width:100vw;will-change:transform;z-index:0}.mywork-3d p{bottom:5vh;color:#fff;font-family:Jost,sans-serif;font-size:2rem;font-style:normal;font-weight:400;left:0;position:fixed;right:0;text-align:center;width:100vw;z-index:3}.mywork-games{align-items:center;animation:fadeIn .64s ease;background-image:url(https://img.freepik.com/premium-vector/pixel-clouds-pattern-seamless-print-with-8-bit-video-game-clouds-concept-art-vector-blue-sky-environment-background-texture_102902-6113.jpg);display:flex;height:103vh;justify-content:center;margin:0;padding:0}.mywork-games h1{align-items:center;align-self:center;animation:fadeIn .5s cubic-bezier(.22,1,.5,1);bottom:0;color:#fff;font-family:Jersey\ 10,sans-serif;font-size:10rem;font-style:normal;font-weight:600;height:11rem;left:0;position:fixed;right:0;text-align:center;text-shadow:0 0 25px #000;top:0;transition:transform 1s ease;width:100vw;will-change:transform;z-index:3}.mywork-games h1:hover{transform:scale(1.15)}.mywork-games .Grass{bottom:0;height:100vh;width:100vw}.mywork-games .Grass,.mywork-games .dude{image-rendering:pixelated;image-rendering:crisp-edges;left:0;object-fit:cover;object-position:center;pointer-events:none;position:fixed;z-index:0}.mywork-games .dude{bottom:40%;height:9rem;width:9rem}.mywork-games p{bottom:5vh;color:#fff;font-family:Jost,sans-serif;font-size:2rem;font-style:normal;font-weight:400;left:0;position:fixed;right:0;text-align:center;width:100vw;z-index:3}.blackout{background:linear-gradient(180deg,#000,#0000);height:8rem}.about,.blackout{left:0;position:fixed;top:0;width:100vw}.about{background-color:#000;height:100vh;justify-content:center;overflow-y:auto;overflow:auto;overflow-x:hidden;scroll-behavior:smooth;z-index:0}.about::-webkit-scrollbar{width:8px}.about::-webkit-scrollbar-track{background:#111}.about::-webkit-scrollbar-thumb{background-color:#1e1e1e;border-radius:1000px}.about::-webkit-scrollbar-thumb:hover{background-color:#292929}.about{scrollbar-color:#1e1e1e #0a0a0a;scrollbar-width:thin}.about-title{animation:fadeIn .6s ease,slideUpS .5s ease;animation:fadeIn 1s ease;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:20vh;margin-left:10vw;min-height:100vh}.about-title b{font-family:Antonio,sans-serif;font-weight:550}.about-title span{font-family:Corinthia,cursive}.about-title.a{margin-bottom:100vh}.about.mobile .about-title{font-size:5rem;margin:5rem 0 -25vh 5vw;text-align:left}.about.mobile .about-title.mobile{margin-bottom:-25vh}.about.mobile .about-scrolldowntoseemore{font-size:1rem;margin-left:0;text-align:left}.about-main{animation:fadeIn 1s ease;background-color:#fff;border-radius:2.5rem;color:#0e0e0e;font-family:Jost,sans-serif;justify-self:center;max-width:88.88vw;min-height:100vh;padding:2.5rem;width:94.44vw}.about.mobile .about-main{border-radius:1rem;padding:1rem}.about-main.a{height:100vh;left:2.78vw;position:fixed;right:2.78vw;top:5rem}.about-main h2{color:#0e0e0e;font-family:Antonio,sans-serif;font-size:2.5rem}.about-main h3,.about.mobile .about-main h3{color:#0e0e0e;font-family:Antonio,sans-serif;font-size:2rem}.about.mobile .about-main h3{margin-left:1rem;text-align:left}.about.mobile .card{margin:0;padding:0}.about-skillsR img{border-radius:.5rem;display:block;height:5rem;margin:.5rem;object-fit:contain;object-position:left;width:7rem}.about-skillsR span{box-sizing:border-box;flex:1 1;font-size:1.25rem;font-weight:400;padding-left:15px;padding-right:15px}.about-skillsR.mobile img{height:3rem;margin:0 .5rem 0 0;width:4rem}.about-skillsR.mobile .skillname{font-size:1rem;font-weight:300;max-width:35vw;padding:0 .5rem}.about-skillsR .skillstar{box-sizing:border-box;display:flex;flex:1 1;gap:0;margin-bottom:27.5;margin-top:27.5;padding-left:15px;padding-right:15px}.about-skillsR .skillstar span{display:flex;gap:0;margin:0;padding:0}.about-skillsR.mobile li{margin:0;padding:0}.about-skillsR.mobile .skillstar{flex:1 1;gap:0;margin-bottom:2rem;margin-top:.5rem;padding-left:0}.about-skillsR.mobile .skillstar span{display:flex;gap:0;margin:0;padding:0}.about-skillsR.mobile{border-right:1px solid #ccc;margin:0 1.1rem 0 0;padding:0 0 0 2rem}.about-scrolldowntoseemore{animation:bounce 2s infinite;bottom:10vh;color:#fff;display:inline-block;font-family:Antonio,sans-serif;font-size:2rem;font-weight:350;height:1rem;letter-spacing:normal;opacity:1;position:fixed;right:10vh;text-align:center;transform:scale(1) translateY(0);transition:opacity .6s ease,transform .6s ease,letter-spacing 1s ease;z-index:9999}.about-scrolldowntoseemore:hover{transform:scale(1.1)}.about-scrolldowntoseemore.hidden{opacity:0;pointer-events:none;transform:scale(.95) translateY(10px)}.skillstar *{margin:27.5 .1rem}.contact{background-color:#000;height:100vh;justify-content:center;left:0;max-width:100vw;overflow-y:hidden;overflow:hidden;overflow-x:hidden;padding-left:10vw;padding-top:10vh;position:fixed;scroll-behavior:smooth;top:0;width:100vw;z-index:0}.contact.mobile{font-size:1rem;padding-left:0;padding-top:10vh;text-align:center}.contact.mobile h1{font-size:5rem;text-align:center;width:100vw}.contact h1,.contact.mobile h1{animation:scrollRight .75s ease;color:#fff;font-family:Bebas Neue;opacity:1;padding-bottom:10vh;white-space:nowrap}.contact h1{font-size:16.1290322581vh}.contact p{font-size:1.25rem;margin:0}.contact p,.contact p a{color:#fff;font-family:Jost,sans-serif;text-align:left;text-decoration:none}.contact p a{font-size:1.5rem}.contact.mobile p{font-size:1rem;text-align:center;width:100vw}.contact.mobile p a{font-size:1rem}.contact p a:hover{text-decoration:underline}.contact svg{margin-right:.2em}.dashboard{background-color:#000;height:100vh;justify-content:center;left:0;max-width:100vw;overflow-y:auto;overflow:auto;overflow-x:hidden;padding:10vh 10vw 10vw;position:fixed;scroll-behavior:smooth;top:0;width:100vw!important;z-index:0}.dashboard h1{animation:scrollRight .75s ease;color:#fff;font-family:Antonio,sans-serif;font-size:16.1290322581vh;margin-bottom:0;margin-top:5rem;opacity:1;white-space:nowrap}.dashboard p{margin:0}.dashboard p,.dashboard p a{color:#fff;font-family:Jost,sans-serif;font-size:2rem;text-align:left;text-decoration:none}.dashboard p a:hover{text-decoration:underline}.dashboard svg{margin-right:.2em}.dashboard div{background-color:#0f0f0f;border-radius:.5rem;margin:0;padding:3rem;width:75%}h1,h2,h3{color:#fff}@keyframes flickerANIM{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpS{0%{transform:translate(-50%,25rem)}to{transform:translate(-50%)}}@keyframes slideUpT{0%{transform:translate(-50%,30rem) rotate(24deg)}to{transform:translate(-50%) rotate(4deg)}}@keyframes slideUpSQ{0%{transform:translate(-50%,25rem)}to{transform:translate(-50%,-35vh)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,50%)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes scrollOver{0%{width:0}to{width:80vw}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translateY(0)}30%{animation-timing-function:cubic-bezier(.55,.06,.68,.19);transform:translateY(-30px)}50%{animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translateY(0)}70%{animation-timing-function:cubic-bezier(.55,.06,.68,.19);transform:translateY(-15px)}}.navbar-pro{align-items:center;background:#111;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:999}.pro-nav-logo{font-size:1.5rem;font-weight:700}.pro-nav-logo img{font-weight:700;height:3.5rem;transition:transform .5s ease;width:auto}.pro-nav-links{display:flex;gap:1.5rem;list-style:none}.pro-nav-links li a{color:#fff;font-size:1rem;text-decoration:none}.pro-nav-links li a:hover{text-decoration:underline}.fade-navbar{align-items:center;background:linear-gradient(180deg,#000,#0000);color:#fff;display:flex;font-family:Jost,sans-serif;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:999}.fade-nav-logo,.fade-nav-logo img{font-weight:700;width:auto}.fade-nav-logo img{height:3.5rem;transition:transform .5s ease}.fade-nav-logo img:hover{transform:scale(1.1)}.fade-nav-links{display:flex;gap:1.5rem;list-style:none}.fade-nav-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:-webkit-text-decoration .5s ease;transition:text-decoration .5s ease;transition:text-decoration .5s ease,-webkit-text-decoration .5s ease}.fade-nav-links li a:hover{text-decoration:underline}.in-navbar{align-items:center;background:#0000;color:#fff;display:flex;font-family:Jost,sans-serif;justify-content:space-between;left:0;mix-blend-mode:difference;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:999}.in-nav-logo,.in-nav-logo img{font-weight:700;width:auto}.in-nav-logo img{height:3.5rem;transition:transform .5s ease}.in-nav-logo img:hover{transform:scale(1.1)}.in-nav-links{display:flex;gap:1.5rem;list-style:none}.in-nav-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:-webkit-text-decoration .5s ease;transition:text-decoration .5s ease;transition:text-decoration .5s ease,-webkit-text-decoration .5s ease}.in-nav-links li a:hover{text-decoration:underline}.trans-navbar{align-items:center;background:#0000;color:#fff;display:flex;font-family:Jost,sans-serif;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:999}.trans-navbar *{z-index:9999}.trans-nav-logo,.trans-nav-logo img{font-weight:700;width:auto}.trans-nav-logo img{height:3.5rem;transition:transform .5s ease}.trans-nav-logo img:hover{transform:scale(1.1)}.trans-nav-links{display:flex;gap:1.5rem;list-style:none}.trans-nav-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:-webkit-text-decoration .5s ease;transition:text-decoration .5s ease;transition:text-decoration .5s ease,-webkit-text-decoration .5s ease}.trans-nav-links li a:hover{text-decoration:underline}.sh-navbar{background:#00000080;padding:1rem 2rem}.about-navbar,.sh-navbar{align-items:center;color:#fff;display:flex;font-family:Jost,sans-serif;justify-content:space-between;left:0;position:fixed;right:0;top:0;z-index:999}.about-navbar{background:#000;margin:0 2rem;padding:1rem 4rem}.about-navbar *{mix-blend-mode:difference}.about-left{left:2.78vw;right:97.18vw}.about-left,.about-right{background:#fff;border-radius:100%;height:40px;position:fixed;top:5rem;width:40px;z-index:1000}.about-right{right:2.78vw}.about-navbarbt{background:#fff;height:40px;left:4.48vw;max-width:100vw;position:fixed;right:4.48vw;top:5rem;z-index:1000}.about-navBar{height:0;left:5rem;opacity:0;position:fixed;top:5rem;transition:opacity .3s ease;width:0}.about-navBar.fade-in{opacity:1;pointer-events:none;transition:opacity .3s ease}#menu{background-color:#ffffff0e;border:1px solid #fff;border-radius:.5rem;color:#fff;cursor:pointer;height:2.2rem;padding:.1rem .5rem;width:3rem;z-index:999999999}.nav-menu{animation:slideRight 1s ease;background-color:#050505de;bottom:0;font-family:Jost,sans-serif;height:100vh;left:0;list-style:none;margin-top:0;padding:5rem 3rem;position:fixed;right:0;top:0;width:90vw;z-index:9999999}.nav-menu li a{color:#fff;font-family:Jost,sans-serif!important;font-size:1rem;text-decoration:none;transition:-webkit-text-decoration .5s ease;transition:text-decoration .5s ease;transition:text-decoration .5s ease,-webkit-text-decoration .5s ease;z-index:99999999}@keyframes slideLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}
/*# sourceMappingURL=main.f330d783.css.map*/