.container{-webkit-perspective:800px;perspective:800px;width:75px;height:75px;position:relative;display:inline-block;margin:15px;-webkit-filter:drop-shadow(0 0 10px #aeaeae);filter:drop-shadow(0 0 10px #AEAEAE);-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.container:hover{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);-webkit-filter:drop-shadow(0 0 5px #ccc);filter:drop-shadow(0 0 5px #CCC)}.container.flipped .card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.container.flipped{pointer-events:none}.card{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .4s cubic-bezier(0,.69,.35,1.5);transition:-webkit-transform .4s cubic-bezier(0,.69,.35,1.5);-o-transition:transform .4s cubic-bezier(0,.69,.35,1.5);transition:transform .4s cubic-bezier(0,.69,.35,1.5);transition:transform .4s cubic-bezier(0,.69,.35,1.5),-webkit-transform .4s cubic-bezier(0,.69,.35,1.5)}.card,.card>div{width:100%;height:100%;position:absolute}.card>div{margin:0;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.card div{border-radius:5px}.card .front{background:-webkit-repeating-linear-gradient(45deg,#4f646f,#4f646f 10px,#7b919d 0,#7b919d 20px);background:-o-repeating-linear-gradient(45deg,#4f646f,#4f646f 10px,#7b919d 10px,#7b919d 20px);background:repeating-linear-gradient(45deg,#4f646f,#4f646f 10px,#7b919d 0,#7b919d 20px)}.card .back{background:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card p{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;text-align:center;font-weight:700;height:100%;font-size:38px}@media (max-width:1024px){.container{width:40px;height:40px;position:relative;display:inline-block;margin:6px;-webkit-filter:drop-shadow(0 0 5px #aeaeae);filter:drop-shadow(0 0 5px #AEAEAE)}.card p{font-size:24px}}.infoBox{background-color:#fff;padding:10px;padding-top:15px;padding-bottom:15px;color:#ccc;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:5px}.infoBox:hover{color:#666}.infoBox:hover span{background-color:#fbff00}.infoBox:hover h2.seconds span{background-color:#d6faff}.infoBox span{padding:5px;border-radius:5px}.infoBox h2{font-weight:100;margin:0;padding:0;display:inline-block}.infoBox h2.moves{margin-right:20px}@media (max-width:1024px){.infoBox{margin-top:25px}}.winningContainer{position:absolute;z-index:100;left:calc(50% - 150px);top:307px;width:300px;height:150px;background-color:#fff;border-radius:5px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:drop-shadow(0 0 20px #333);filter:drop-shadow(0 0 20px #333);-webkit-animation:showContainer .2s cubic-bezier(0,.96,.87,1.5) 1s both;animation:showContainer .2s cubic-bezier(0,.96,.87,1.5) 1s both;opacity:0}.winningContainer button{font-size:24px;padding:20px;background-color:#03a9f4;border:0;color:#dcf5ff}.winningContainer button:hover{background-color:#b1005c;color:#f2a7cf;cursor:pointer}.winningContainer button:active{background-color:#6f003b;color:#e48aba;cursor:pointer}@-webkit-keyframes showContainer{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showContainer{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media (max-width:1024px){.winningContainer{top:150px}}.headerBox h1{margin:0;text-align:center;font-size:48px;margin-bottom:20px;color:#c1d8e8}@media (max-width:1024px){.headerBox h1{font-size:24px}}.footerBox img{margin:0 auto;display:block;margin-top:40px}body{padding:10px;background-color:#f4faff;font-family:sans-serif}#root{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}#root>div{width:630px}@media (max-width:1024px){#root>div{width:320px}}
/*# sourceMappingURL=main.3a553c42.css.map*/