:root{--darkest:#000;--darker:#111;--dark:#333;--light:#777;--lighter:#ccc;--lightest:#fff;--bg:#282c34;--accent:#61dafb;--rgb-white:255,255,255;--rgb-black:0,0,0;--rgba_dark:rgba(0,0,0,0.6);--rgba_darker:rgba(0,0,0,0.8);--rgba_light:hsla(0,0%,100%,0.4);--transparent:transparent}.roundedImg{border-radius:15px}body{background:#000;background:var(--darkest);color:#777;color:var(--light);margin:0;padding:0;overflow:hidden}#instructions,#root{font-family:Jura,sans-serif;overflow:hidden}#instructions{color:#000;color:var(--darkest);max-width:100%;background:hsla(0,0%,100%,.4);background:var(--rgba_light);padding-top:.2em;padding-bottom:.2em;padding-left:6%}#pixel_overlay{height:100%;width:100%;z-index:-900;background:url(https://designer-k.com/images/pixelatedScreen2.png) repeat scroll 0 0;background-repeat:repeat;opacity:1}#bg_vid,#pixel_overlay{position:fixed;left:0;top:0}#bg_vid{min-width:150%;min-height:150%;z-index:-999;-webkit-transform:scale(-1);transform:scale(-1)}#colour_wrapper:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:-800;background:linear-gradient(45deg,rgba(255,236,0,.4),rgba(255,0,222,.4),rgba(0,255,255,.4))}#inputBox{align-items:center;color:#ccc;color:var(--lighter);background:rgba(0,0,0,.8);background:var(--rgba_darker);width:140px;height:28px;float:left;border:0 solid #333;border-color:var(--dark);outline:0;padding-left:5px}#inputBox::-webkit-input-placeholder{color:#333;color:var(--dark)}#inputBox::-moz-placeholder{color:#333;color:var(--dark)}#inputBox:-ms-input-placeholder{color:#333;color:var(--dark)}#inputBox::-ms-input-placeholder{color:#333;color:var(--dark)}#inputBox::placeholder{color:#333;color:var(--dark)}.invalidShake{-webkit-animation:shake 1s linear;animation:shake 1s linear}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.submitButton{align-items:center;border:0 solid #333;border-color:var(--dark);color:#ccc;color:var(--lighter);background:rgba(0,0,0,.6);background:var(--rgba_dark);width:145px;height:30px;float:left;border-radius:0 15px 15px 0;cursor:pointer;outline:0}.favButton:hover,button:hover{background:hsla(0,0%,100%,.4);background:var(--rgba_light);color:#fff;color:var(--lightest);-webkit-animation:pulseGlow 1s ease-in-out infinite alternate;animation:pulseGlow 1s ease-in-out infinite alternate}.favButton{border:0 solid #333;border-color:var(--dark);cursor:pointer;outline:0;padding-bottom:5px;font-size:1em}.favButton,.level{align-items:center;color:#ccc;color:var(--lighter);background:rgba(0,0,0,.6);background:var(--rgba_dark);height:30px;float:left}.level{display:flex;border-radius:15px;border:0 solid #333;border-color:var(--dark);width:145px;margin:2px}.level:hover{color:#fff;color:var(--lightest);background-color:rgba(0,0,0,.8);background-color:var(--rgba_darker);-webkit-animation:pulseGlow 1s ease-in-out infinite alternate;animation:pulseGlow 1s ease-in-out infinite alternate}.imgbox{width:24px;display:block;margin-left:5px}.imgbox,.level img{float:left}.level caption,.level p{margin-left:5px;float:left}.xp{font-size:.75em}.name{font-size:2em;color:#fff;color:var(--lightest);-webkit-animation:pulseGlow 1s ease-in-out infinite alternate;animation:pulseGlow 1s ease-in-out infinite alternate}.hidden{opacity:0}@-webkit-keyframes pulseGlow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff,0 0 70px #fff,0 0 80px #fff,0 0 100px #fff,0 0 150px #fff}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff,0 0 35px #fff,0 0 40px #fff,0 0 50px #fff,0 0 75px #fff}}@keyframes pulseGlow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff,0 0 70px #fff,0 0 80px #fff,0 0 100px #fff,0 0 150px #fff}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff,0 0 35px #fff,0 0 40px #fff,0 0 50px #fff,0 0 75px #fff}}#savedFlash{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;-webkit-animation:fadeout 5s;animation:fadeout 5s;pointer-events:none;opacity:0}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.statsBox{border-radius:15px;border:solid #333;border-color:var(--dark);color:#ccc;color:var(--lighter);background:#111;background:var(--darker)}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{pointer-events:none}#searchBox{display:inline-block;min-width:320px;display:block;margin:15% auto 3em}#searchBox,section{background:transparent;background:var(--transparent);border-radius:15px 15px 15px 15px;padding:1em;white-space:nowrap;width:50%}section{color:#000;color:var(--darkest);display:block;margin-left:auto;margin-right:auto}.savedText{text-align:center;width:100%;height:100%;background-color:#fff;background-color:var(--lightest);-webkit-animation:fadeout 7s;animation:fadeout 7s;pointer-events:none;opacity:0;font-size:10em;COLOR:#fff}.savedTextText{margin:0;position:absolute;top:40%;left:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:pulseGlow 3s ease-in-out infinite alternate;animation:pulseGlow 3s ease-in-out infinite alternate}.fadeIn{-webkit-animation:fadein 5s;animation:fadein 5s}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.7b880d60.chunk.css.map */