@import url(https://fonts.googleapis.com/css2?family=DotGothic16&family=Zen+Dots&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-family:DotGothic16,Arial,sans-serif;height:100%;width:100%}body{background-color:#171614;color:#fff;margin:0;overflow-x:hidden}.noise-background{-webkit-animation:bg-animation .2s infinite;animation:bg-animation .2s infinite;background:transparent url(/static/media/noise-transparent.1690cd3defa001b4f87e.png) repeat 0 0;bottom:-50%;height:200vh;left:-50%;opacity:.9;position:fixed;right:-50%;top:-50%;visibility:visible;width:200%;z-index:-1}@-webkit-keyframes bg-animation{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-5%);transform:translate(-5%,-5%)}20%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}30%{-webkit-transform:translate(5%,-10%);transform:translate(5%,-10%)}40%{-webkit-transform:translate(-5%,15%);transform:translate(-5%,15%)}50%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(10%);transform:translateY(10%)}80%{-webkit-transform:translate(-15%);transform:translate(-15%)}90%{-webkit-transform:translate(10%,5%);transform:translate(10%,5%)}to{-webkit-transform:translate(5%);transform:translate(5%)}}@keyframes bg-animation{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-5%);transform:translate(-5%,-5%)}20%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}30%{-webkit-transform:translate(5%,-10%);transform:translate(5%,-10%)}40%{-webkit-transform:translate(-5%,15%);transform:translate(-5%,15%)}50%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(10%);transform:translateY(10%)}80%{-webkit-transform:translate(-15%);transform:translate(-15%)}90%{-webkit-transform:translate(10%,5%);transform:translate(10%,5%)}to{-webkit-transform:translate(5%);transform:translate(5%)}}header{--color:#fafafa;align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:25px 0}.container{color:var(--color);display:flex;flex-direction:column;font-size:1.5rem}.center{font-weight:400;text-align:center;width:100%}.stack{display:grid;grid-template-columns:1fr}.stack span{--stack-height:calc(100%/var(--st) - 1px);--inverse-i:calc(var(--st) - 1 - var(--i));--clip-top:calc(var(--stack-height)*var(--i));--clip-bottom:calc(var(--stack-height)*var(--inverse-i));animation:stack .34s cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--i)*.12s),glitch 2s ease infinite 2s alternate-reverse;-webkit-clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);font-family:Zen Dots,sans-serif;font-size:4rem;font-weight:700;grid-column-start:1;grid-row-start:1}.stack span:nth-child(odd){--glitch-translate:8px}.stack span:nth-child(2n){--glitch-translate:-8px}@-webkit-keyframes stack{0%{opacity:0;text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translateX(-50%);transform:translateX(-50%)};60%{opacity:.5;-webkit-transform:translateX(50%);transform:translateX(50%)}80%{opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue;-webkit-transform:none;transform:none}to{text-shadow:none}}@keyframes stack{0%{opacity:0;text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translateX(-50%);transform:translateX(-50%)};60%{opacity:.5;-webkit-transform:translateX(50%);transform:translateX(50%)}80%{opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue;-webkit-transform:none;transform:none}to{text-shadow:none}}@-webkit-keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translate(var(--glitch-translate));transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,to{text-shadow:none;-webkit-transform:none;transform:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translate(var(--glitch-translate));transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,to{text-shadow:none;-webkit-transform:none;transform:none}}footer{margin:0 auto;position:relative;width:50%}footer a{color:#fff}.blue-background{background:#42bfdd}.board{border-right:1px solid #ffffff24;border-top:1px solid #ffffff24;margin:0 auto;position:relative;width:50%}.row{display:flex}.cell{border-bottom:1px solid #ffffff24;border-left:1px solid #ffffff24;height:13px;position:relative}.cell:before{content:"";height:100%;opacity:.2;position:absolute;width:100%}.cell:before,.cell:hover:before{transition:box-shadow .2s linear}.cell:hover:before{box-shadow:inset 0 0 20px #fff}.cell.on{background-color:var(--c-color);box-shadow:0 0 10px 2px var(--c-color)}.game-interface{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 15px;width:50%}.game-buttons{justify-content:space-between;width:100%}.game-buttons label{font-weight:700}.game-button{background-color:transparent;border:0;border-radius:100%;cursor:pointer;opacity:1;transition:all .3s ease-in-out}.game-button:hover{opacity:.5;-webkit-transform:scale(.95);transform:scale(.95);transition:all .3s ease-in-out}.game-buttons{align-items:center;display:flex}.game-input,.game-select{background-color:transparent;border:3px solid #fff;border-radius:20px;color:#fff;font-family:inherit;font-weight:700;padding:5px 15px;width:130px}.game-input:focus-visible,.game-select:focus-visible{outline:0}.game-select option{color:#000;font-family:Zen Dots}.game-input{border-left:0;border-radius:0;border-right:0;border-top:0;font-weight:400;margin-left:13px;margin-right:13px;text-align:center;width:50px}.colorSelector{position:relative}.colorBlock{background-color:var(--c-color);border:3px solid #fff;border-radius:20px;height:50px;transition:all .3s ease;width:50px}.colorBlock.active{box-shadow:0 0 10px 2px var(--c-color);transition:all .3s ease}.picker-container.active{left:-80px;position:absolute;z-index:5000}.picker-container.inactive{display:none}.picker-container input,.picker-container label{font-family:Zen Dots}@media screen and (max-width:1200px){.board,.game-interface,footer{width:80%}}@media screen and (max-width:768px){.board,.game-interface,footer{width:100%}.game-interface,footer{box-sizing:border-box;padding:0 25px}.game-buttons{flex-wrap:wrap}}
/*# sourceMappingURL=main.78e4f56a.css.map*/