.grid,.modal.lose .dialog img{float:left}.btn,.card img{cursor:pointer}.btn,h1{text-transform:uppercase}#snow,.wrap{height:100%}*{box-sizing:border-box}body{margin:0;padding:0;overflow-y:scroll;background:url(../img/bg1.jpg) center center no-repeat}h1{margin:30px;font-size:35px;-webkit-text-shadow:0 2px rgba(0,0,0,.19);-moz-text-shadow:0 2px rgba(0,0,0,.19);text-shadow:0 2px rgba(0,0,0,.19)}img{max-width:100%;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}.timer,.wrap{max-width:1265px;position:relative}.wrap{margin:auto;padding:15px;max-height:616px}.grid,.timer{padding:10px}.timer{margin:20px auto;overflow:auto;z-index:9}.timer .progressbar{float:left;width:100%}.timer .progressbar progress{width:100%}.content{position:relative;overflow:auto;z-index:2}.grid{width:12.5%}.card{position:relative;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.card img{-webkit-box-shadow:0 0 5px 0 rgba(200,240,240,.75);-moz-box-shadow:0 0 5px 0 rgba(200,240,240,.75);box-shadow:0 0 5px 0 rgba(200,240,240,.75)}.card .back,.card .front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.card .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;top:0;left:0;width:100%}.card.flipped .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.card.flipped .back{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}.card img:hover,.flipped img{-webkit-box-shadow:0 0 15px 5px rgba(200,240,240,.75);-moz-box-shadow:0 0 15px 5px rgba(200,240,240,.75);box-shadow:0 0 15px 5px rgba(200,240,240,.75)}.modal,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.modal-backdrop{z-index:900;background-color:#000;opacity:.5}.modal .dialog{margin:10% auto;padding:10px;width:500px;text-align:center;background-color:#fff;border:1px solid #999;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);-moz-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);overflow:auto}.modal.lose .dialog{width:600px}.modal.lose .dialog h1{margin-top:65px}.btn{color:#fff;min-height:50px;border-radius:2px;min-width:150px;margin-right:10px;vertical-align:middle;transition:all .3s ease-out;border:none;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.19),0 2px 2px 0 rgba(0,0,0,.13);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.19),0 2px 2px 0 rgba(0,0,0,.13);box-shadow:0 2px 5px 0 rgba(0,0,0,.19),0 2px 2px 0 rgba(0,0,0,.13)}.btn-reset{margin-top:40px;background-color:#f57c00;-webkit-transition:opacity 3s;-moz-transition:opacity 3s;transition:opacity 3s;opacity:0}.btn-reset:hover{background-color:#fb8c00}.btn-start{margin-bottom:30px}.btn-start.normal{background-color:#1e88e5}.btn-start.normal:hover{background-color:#1976d2}.btn-start.hard{background-color:#e53935}.btn-start.hard:hover{background-color:#d32f2f}#snow{background:url(../img/s1.png),url(../img/s2.png),url(../img/s3.png);font-family:Androgyne;left:0;position:absolute;top:0;width:100%;z-index:1;-webkit-animation:snow 10s linear infinite;-moz-animation:snow 10s linear infinite;-ms-animation:snow 10s linear infinite;animation:snow 10s linear infinite}@keyframes snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}@-moz-keyframes snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:400px 1000px,200px 400px,100px 300px}}@-webkit-keyframes snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}@-ms-keyframes snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}