@charset "UTF-8";@font-face{font-family:Akko;src:url(font/AkkoPro-Light.otf)}#logo{width:25%;position:absolute;left:37.5%;top:32%}#logo img{width:100%}#hl{font-size:46pt}body,html{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-family:Akko;background:#2c312f;color:#fff;margin:0;padding:0}.cat{height:20px;width:20px;position:absolute;z-index:1;overflow:hidden}.cat:before{content:"";display:block;height:20px;width:20px;background:#fff;-webkit-transform:none}.cat.right-down:before{-webkit-transform:rotateZ(0)}.cat.right-up:before{-webkit-transform:rotateZ(0)}.cat.left-down:before{-webkit-transform:rotateZ(0) rotateX(0)}.cat.left-up:before{-webkit-transform:rotateZ(0) rotateX(0)}.goalkeeper{width:20px;height:30%;position:relative;top:35%;border:1px solid rgba(0,0,0,.5);border-radius:5px}.left-goalkeeper{float:left;margin-left:10px;background:#fcb116}.right-goalkeeper{float:right;margin-right:10px;background:#d6515c}.scores{position:absolute;top:5px;left:12.5%;width:75%;height:48px;overflow:hidden}.left-score-overflow,.right-score-overflow{background:-webkit-linear-gradient(#ed1f24 0,#ed1f24 16%,#f8981d 16%,#f8981d 33%,#f3ec19 33%,#f3ec19 50%,#71bf44 50%,#71bf44 67%,#4790cd 67%,#4790cd 83%,#5e57a6 83%,#5e57a6 100%);background:-o-linear-gradient(#ed1f24 0,#ed1f24 16%,#f8981d 16%,#f8981d 33%,#f3ec19 33%,#f3ec19 50%,#71bf44 50%,#71bf44 67%,#4790cd 67%,#4790cd 83%,#5e57a6 83%,#5e57a6 100%);background:linear-gradient(#ed1f24 0,#ed1f24 16%,#f8981d 16%,#f8981d 33%,#f3ec19 33%,#f3ec19 50%,#71bf44 50%,#71bf44 67%,#4790cd 67%,#4790cd 83%,#5e57a6 83%,#5e57a6 100%);position:absolute;top:0;left:0;width:100%;height:100%;display:none}.left-score,.right-score{font-size:50px;width:50%;height:100%;text-align:center;float:left;position:relative}.scores div:first-child{position:relative;display:inline-block}.right-score{float:right}#score{display:none}.pause-menu,.start-menu{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;display:none}.config{display:block;position:absolute;bottom:10px;width:100%;text-align:center;font-size:15px;color:#fff;line-height:30px}.start-menu{display:block}.config label{font-size:16px}.rainbow{position:absolute;background:-webkit-linear-gradient(rgba(237,31,36,.5) 0,rgba(237,31,36,.5) 16%,rgba(248,152,29,.5) 16%,rgba(248,152,29,.5) 33%,rgba(243,236,25,.5) 33%,rgba(243,236,25,.5) 50%,rgba(113,191,68,.5) 50%,rgba(113,191,68,.5) 67%,rgba(71,144,205,.5) 67%,rgba(71,144,205,.5) 83%,rgba(94,87,166,.5) 83%,rgba(94,87,166,.5) 100%);background:-o-linear-gradient(rgba(237,31,36,.5) 0,rgba(237,31,36,.5) 16%,rgba(248,152,29,.5) 16%,rgba(248,152,29,.5) 33%,rgba(243,236,25,.5) 33%,rgba(243,236,25,.5) 50%,rgba(113,191,68,.5) 50%,rgba(113,191,68,.5) 67%,rgba(71,144,205,.5) 67%,rgba(71,144,205,.5) 83%,rgba(94,87,166,.5) 83%,rgba(94,87,166,.5) 100%);background:linear-gradient(rgba(237,31,36,.5) 0,rgba(237,31,36,.5) 16%,rgba(248,152,29,.5) 16%,rgba(248,152,29,.5) 33%,rgba(243,236,25,.5) 33%,rgba(243,236,25,.5) 50%,rgba(113,191,68,.5) 50%,rgba(113,191,68,.5) 67%,rgba(71,144,205,.5) 67%,rgba(71,144,205,.5) 83%,rgba(94,87,166,.5) 83%,rgba(94,87,166,.5) 100%);z-index:0}.exit{position:absolute;top:5px;left:5px;font-size:30px;color:#fff;font-family:sans-serif;cursor:pointer}.container,.winner{width:600px;position:absolute;top:50%;left:50%;margin-left:-300px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.player-button,.player-got-it,.player-level,.playsingle{width:200px;height:38px;background:#fcb116;color:#fff;outline:0;border:none;margin:10px;font-family:Akko;font-size:16pt;padding-top:8px;display:inline-block;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.player-button:hover,.player-got-it:hover,.player-level:hover{-webkit-transform:scale(1.05)}.player-button:active,.player-got-it:active,.player-level:active{-webkit-transform:scale(.95)}.controls,.controls2,.levels{display:none}.player-control{height:50px;width:30px;margin:20px;background:#fff;box-shadow:3px 3px #cacaca;line-height:50px;font-size:20px;border-radius:5px;cursor:pointer;color:grey;box-sizing:border-box}.player-control:first-child:active{box-shadow:none;margin-top:13px;margin-right:-43px;margin-bottom:-3px;margin-left:43px}.player-control:not(:first-child):active{box-shadow:none;margin-top:13px;margin-right:7px;margin-bottom:7px;margin-left:43px}.left{float:left}.right{float:right}.center{float:none}.config div{display:inline-block;margin-right:20px}