#root,body,html{height:100%}#root{display:flex;flex-direction:column}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}header{width:100%;padding-top:.5rem;padding-bottom:.5rem;background-color:#ffc107;text-align:center}nav{display:flex;justify-content:center}nav a{padding:.5rem;margin:.5rem}main{display:flex;flex-grow:1;align-items:center;justify-content:center}footer{width:100%;padding-top:.5rem;padding-bottom:.5rem;background-color:#ffa000;color:#fff;text-align:center}.loading-wrapper{display:flex;height:100%;align-items:center;justify-content:center}.loading{position:relative;display:inline-block;width:4rem;height:4rem}.loading div{position:absolute;-webkit-animation:loading 1.4s cubic-bezier(0,.2,.8,1) infinite;animation:loading 1.4s cubic-bezier(0,.2,.8,1) infinite;background:#000;border-radius:50%;opacity:1}.loading div:nth-child(2){-webkit-animation-delay:-.7s;animation-delay:-.7s}@-webkit-keyframes loading{0%{top:2rem;left:2rem;width:0;height:0;opacity:1}to{top:-.063;left:-.063;width:4rem;height:4rem;opacity:0}}@keyframes loading{0%{top:2rem;left:2rem;width:0;height:0;opacity:1}to{top:-.063;left:-.063;width:4rem;height:4rem;opacity:0}}.button{position:relative;display:inline-block;padding:.7em .84em;border:.188rem solid transparent;color:#000;cursor:pointer;font-size:1.5em;letter-spacing:.07em}.button .text{display:block;font-family:proxima-nova,monospace;transform:translate3d(0,.7em,0);transition:transform .4s cubic-bezier(.2,0,0,1) .4s}.button:after{right:.84em;bottom:-.188rem;left:.84em;height:.188rem;content:"";transform-origin:left;transition:transform .8s cubic-bezier(1,0,.37,1) .2s,right .2s cubic-bezier(.04,.48,0,1) .6s,left .4s cubic-bezier(.04,.48,0,1) .6s}.button:after,.line{position:absolute;background:#26c6da}.line.-left,.line.-right{top:-.188rem;bottom:-.188rem;width:.188rem;transform:scaleY(0)}.line.-bottom,.line.-top{right:-.188rem;left:-.188rem;height:.188rem;transform:scaleX(0)}.line.-right{right:-.188rem;transform-origin:top;transition:transform .1s cubic-bezier(1,0,.65,1.01) .23s}.line.-top{top:-.188rem;transform-origin:left;transition:transform .08s linear .43s}.line.-left{left:-.188rem;transform-origin:bottom;transition:transform .08s linear .51s}.line.-bottom{bottom:-.188rem;transform-origin:right;transition:transform .3s cubic-bezier(1,0,.65,1.01)}.button:hover .text{transform:translateZ(0);transition:transform .6s cubic-bezier(.2,0,0,1) .4s}.button:hover:after{right:-.188rem;left:-.188rem;transform:scaleX(0);transform-origin:right;transition:transform .2s cubic-bezier(1,0,.65,1.01) .17s,right .2s cubic-bezier(1,0,.65,1.01),left 0s .3s}.button:hover .line{transform:scaleX(1)}.button:hover .line.-right{transform-origin:bottom;transition:transform .1s cubic-bezier(1,0,.65,1.01) .2s}.button:hover .line.-top{transform-origin:right;transition:transform .08s linear .4s}.button:hover .line.-left{transform-origin:top;transition:transform .08s linear .48s}.button:hover .line.-bottom{transform-origin:left;transition:transform .5s cubic-bezier(0,.53,.29,1) .56s}.players{width:50%;height:100%}.players div{display:flex;flex-direction:column;align-items:center;justify-content:center}.active,.passive{width:100%;height:100%}.active{background-color:#26c6da;color:#fff}.passive{background-color:#e0e0e0}.countdown{-webkit-animation:countdowncolor 8s 1;animation:countdowncolor 8s 1;color:red;font-size:9rem}@-webkit-keyframes countdowncolor{0%{color:#fff;font-size:4rem}40%{color:#ff0}60%{color:#ff8000}90%{color:#ff4500}91%{font-size:4.5rem;transform:rotate(-1deg)}92%{font-size:5rem;transform:rotate(1deg)}93%{font-size:5.5rem;transform:rotate(-1deg)}94%{font-size:6rem;transform:rotate(1deg)}95%{font-size:6.5rem;transform:rotate(-2deg)}96%{font-size:7rem;transform:rotate(2deg)}97%{font-size:7.5rem;transform:rotate(-2deg)}98%{font-size:8rem;transform:rotate(2deg)}99%{font-size:8.5rem;transform:rotate(-2deg)}to{color:red;font-size:9rem}}@keyframes countdowncolor{0%{color:#fff;font-size:4rem}40%{color:#ff0}60%{color:#ff8000}90%{color:#ff4500}91%{font-size:4.5rem;transform:rotate(-1deg)}92%{font-size:5rem;transform:rotate(1deg)}93%{font-size:5.5rem;transform:rotate(-1deg)}94%{font-size:6rem;transform:rotate(1deg)}95%{font-size:6.5rem;transform:rotate(-2deg)}96%{font-size:7rem;transform:rotate(2deg)}97%{font-size:7.5rem;transform:rotate(-2deg)}98%{font-size:8rem;transform:rotate(2deg)}99%{font-size:8.5rem;transform:rotate(-2deg)}to{color:red;font-size:9rem}}.circle{opacity:.3;stroke:#26c6da;stroke-dasharray:650;stroke-dashoffset:650;transition:all .5s ease-in-out}.playBut{display:inline-block;transition:all .5s ease}.playBut .triangle{stroke:#000;stroke-dasharray:240;stroke-dashoffset:480;transform:translateY(0);transition:all .7s ease-in-out}.playBut:hover{cursor:pointer}.playBut:hover .triangle{-webkit-animation:nudge .7s ease-in-out;animation:nudge .7s ease-in-out;opacity:1;stroke:#26c6da;stroke-dashoffset:0}@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-.313rem)}50%{transform:translateX(.313rem)}70%{transform:translateX(-.125)}to{transform:translateX(0)}}@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-.313rem)}50%{transform:translateX(.313rem)}70%{transform:translateX(-.125)}to{transform:translateX(0)}}.playBut:hover .circle{opacity:1;stroke-dashoffset:0}.playBut:focus{outline:none}
/*# sourceMappingURL=main.3967ffb9.chunk.css.map */