/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}html{min-width:348px;min-height:634px}#root,.main-wrapper,body,html{height:100%;width:100%}body{margin:0;padding:0;font-family:sans-serif;position:relative;background-color:#000;background-image:radial-gradient(#fff,hsla(0,0%,100%,.2) 2px,transparent 40px),radial-gradient(#fff,hsla(0,0%,100%,.15) 1px,transparent 30px),radial-gradient(#fff,hsla(0,0%,100%,.1) 2px,transparent 40px),radial-gradient(hsla(0,0%,100%,.4),hsla(0,0%,100%,.1) 2px,transparent 30px);background-size:550px 550px,350px 350px,250px 250px,150px 150px;background-position:0 0,40px 60px,130px 270px,70px 100px}header{font-family:Griffy,cursive;font-size:2em;color:#e7e7e7;text-align:center;padding:.1em;border-bottom:.05em solid purple;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.content{padding:1em}.info{font-family:Griffy,cursive;font-size:1em;color:#e7e7e7;width:80%;margin:auto;padding:.5em 0;text-align:center}.ball{margin:2em auto;position:relative;height:20em;width:20em;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 120%,#323232,#0a0a0a 80%,#000 100%)}.ball,.ball:before{z-index:1;border-radius:50%}.ball:before{background:radial-gradient(circle at 50% 120%,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 70%);bottom:2.5%;left:5%;opacity:.6;width:90%;filter:blur(5px);-webkit-filter:blur(5px);z-index:2}.ball:after,.ball:before{content:"";position:absolute;height:100%}.ball:after{z-index:1;width:100%;top:5%;left:10%;border-radius:50%;background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 14%,hsla(0,0%,100%,0) 24%);-webkit-transform:translateX(-80px) translateY(-90px) skewX(-20deg);-ms-transform:translateX(-80px) translateY(-90px) skewX(-20deg);transform:translateX(-80px) translateY(-90px) skewX(-20deg)}.ball-shake{-webkit-animation:shake .5s ease-in-out;animation:shake .5s ease-in-out}@-webkit-keyframes shake{10%{-webkit-transform:translateY(3%);transform:translateY(3%)}25%{-webkit-transform:translateY(-3%);transform:translateY(-3%)}50%{-webkit-transform:translateY(3%);transform:translateY(3%)}75%{-webkit-transform:translateY(-3%);transform:translateY(-3%)}90%{-webkit-transform:translateY(3%);transform:translateY(3%)}}@keyframes shake{10%{-webkit-transform:translateY(3%);transform:translateY(3%)}25%{-webkit-transform:translateY(-3%);transform:translateY(-3%)}50%{-webkit-transform:translateY(3%);transform:translateY(3%)}75%{-webkit-transform:translateY(-3%);transform:translateY(-3%)}90%{-webkit-transform:translateY(3%);transform:translateY(3%)}}.answer-wrapper,.eight{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);position:absolute;height:8em;width:8em;border-radius:50%;text-align:center}.eight{z-index:3;background-color:#e7e7e7;transition:opacity 1s ease}.eight:before{content:"";display:inline-block;vertical-align:middle;height:100%}.eight-hidden{opacity:0}.eight span{font-size:4em;font-weight:900;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.answer-wrapper{line-height:0;z-index:2;text-align:center;background:linear-gradient(312deg,#f3f8fb,#570cd3);background-size:200% 300%;border:.05em outset #ccc}.answer-wrapper:before{content:"";height:100%}.answer,.answer-wrapper:before{display:inline-block;vertical-align:middle}.answer{opacity:0;width:70%;color:#e7e7e7;line-height:normal;font-size:.7em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.answer-notHidden{opacity:1;-webkit-animation:answer 2s ease;animation:answer 2s ease}@-webkit-keyframes answer{0%{-webkit-transform:translateY(-250%) skewX(10deg) scale(.1);transform:translateY(-250%) skewX(10deg) scale(.1);opacity:0}80%{-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@keyframes answer{0%{-webkit-transform:translateY(-250%) skewX(10deg) scale(.1);transform:translateY(-250%) skewX(10deg) scale(.1);opacity:0}80%{-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}footer{position:absolute;bottom:0;width:100%;text-align:center;font-size:.7em;background:purple;color:#e7e7e7}footer a{margin-left:.5em}a:link,a:visited{color:#e7e7e7}@media only screen and (min-width:375px){header{font-size:2.5em}.info{font-size:1em}}@media only screen and (min-width:768px){header{font-size:3em}.info{font-size:1.5em}}@media only screen and (min-width:1440px){header{font-size:4em}.info{font-size:2em}}
/*# sourceMappingURL=main.2b405149.css.map*/