@import url(https://fonts.googleapis.com/css2?family=Kode+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{background-color:#151515;font-family:Kode Mono,monospace!important;font-weight:400;line-height:1.5}body{animation:fadeIn 1.5s ease-in-out forwards;margin:0;min-height:100vh;min-width:320px;opacity:0;padding:0}::-webkit-scrollbar{display:none}@keyframes blink{0%,to{border-color:#fff}50%{border-color:red}}.blink{animation:blink 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fadeIn{animation:fadeIn 1.5s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in-left{animation:slide-in-Left .5s ease-in-out forwards}@keyframes slide-in-Left{0%{transform:translate(-110%)}to{transform:translate(0)}}.slide-in-right{animation:slide-in-Right .5s ease-in-out forwards}@keyframes slide-in-Right{0%{transform:translate(110%)}to{transform:translate(0)}}.slide-out-left{animation:slide-out-Left .5s ease-in-out forwards}@keyframes slide-out-Left{0%{transform:translate(0)}to{transform:translate(-110%)}}.slide-out-right{animation:slide-out-Right .5s ease-in-out forwards}@keyframes slide-out-Right{0%{transform:translate(0)}to{transform:translate(110%)}}.diagonal-glow{overflow:hidden}.diagonal-glow img{display:block;height:auto;width:100%}.diagonal-glow:after{animation:diagonalShine 6s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#fff6,#fff0);box-shadow:0 0 20px #fff3;content:"";filter:blur(2px);height:200px;left:-100px;mix-blend-mode:screen;pointer-events:none;position:absolute;top:-100px;transform:rotate(90deg);width:4px;z-index:0}@keyframes diagonalShine{0%{left:-100px;top:-500px}40%{left:100%;top:15%}55%{left:-100px;top:-500px}70%{left:100%;top:100%}to{left:100%;top:100%}}.glow{animation:glowEffect 1.5s infinite alternate}@keyframes glowEffect{0%{box-shadow:0 0 5px #200d26,0 0 10px #200d26}50%{box-shadow:0 0 10px 3px #691f80,0 0 15px 5px #691f80}to{box-shadow:0 0 5px #200d26,0 0 10px #200d26}}.btn-1,.btn-2{border-radius:25px!important;color:#fff!important;font-size:20px!important;width:50%!important}.btn-2{background:#0000;position:relative;transform:scale(1);transition:transform .5s ease-in-out;z-index:0}.btn-2:before{border-radius:25px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0;z-index:-1}.demo-game{opacity:1;overflow:hidden;position:relative;transition:opacity 5.5s ease}.demo-game img:hover{opacity:.1}.demo-text{color:#fff;font-family:Kanit,sans-serif;font-size:20px;left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:100%}.demo-game:hover .demo-text{opacity:1}.main-top-10{transform:scale(1);transition:transform .5s ease-in-out}.main-top-10:hover{transform:scale(1.1)}.image-top-10{height:auto;width:155px}@media screen and (max-width:576px){.image-top-10{width:145px}}@media screen and (max-width:540px){.image-top-10{width:150px}}@media screen and (max-width:390px){.image-top-10{width:130px}}@media screen and (max-width:345px){.image-top-10{width:105px}}
/*# sourceMappingURL=main.e0809821.css.map*/