body,html{margin:0;font:normal 0/0 Arial,Helvetica,sans-serif;background:#333;overflow:hidden;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html,.flipper,.f,.b,#g{width:100%;height:100%}@font-face{font-family:"GeneralFoundicons";font-weight:normal;font-style:normal;src:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/60583/general_foundicons.eot");src:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/60583/general_foundicons.eot?#iefix") format("embedded-opentype"),url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/60583/general_foundicons.woff") format("woff"),url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/60583/general_foundicons.ttf") format("truetype"),url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/60583/general_foundicons.svg#GeneralFoundicons") format("svg")}a{text-decoration:none;color:#fff;display:block;font:bold 18px/75px 'Open Sans';text-transform:uppercase;text-align:center;padding:0;margin:0 1px}a:hover{color:#fff;background:rgba(255,255,255,.1)}.logo{width:450px;height:450px;position:absolute;top:50%;left:50%;margin:-225px 0 0 -225px}.logo .card{width:50%;height:50%;cursor:default;position:relative}.logo .card.left.active{z-index:2}.logo .card.left.active+.card{opacity:0}.logo .card.left.active .b{margin-left:-100%}.logo .f{font:normal 130px/225px 'Open Sans';text-align:center;text-transform:uppercase}.logo .c2{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1)}.logo .contentbox{width:200%;font:normal 12px/16px 'Open Sans';text-align:left}.logo .contentbox.levels{width:100%}.logo .contentbox .padded{padding:0 15px}.logo .contentbox h2{font-size:24px;padding:0;margin:28px 0;text-transform:uppercase}.logo .contentbox p{line-height:14px;margin:14px 0}#stats h2 i{margin-right:10px;vertical-align:top;font:italic normal 9px/8px 'Open Sans';color:rgba(255,255,255,.4)}#stats ul{width:50%;display:inline-block;margin:0;padding:0;list-style-type:none;vertical-align:top;line-height:22px}#stats li{display:block;margin:0;padding:0}#stats li b{display:inline-block;font-size:12px;width:95px}#stats a{position:absolute;bottom:0;width:100%;margin-left:-15px}.logo .info{font-size:11px;line-height:16px;text-align:center;color:rgba(255,255,255,.3);padding:0 25px}#g{margin-top:4px}#g .timer{width:0;height:5px;position:absolute;top:0;background:#c0392b;z-index:1}@-webkit-keyframes timer{100%{width:100%}}@-moz-keyframes timer{100%{width:100%}}@-o-keyframes timer{100%{width:100%}}@keyframes timer{100%{width:100%}}.pause{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100;background:rgba(51,51,51,0.78)}.pause::before{content:'PAUSED';width:100%;position:absolute;margin-top:-100px;top:50%;background:#c0392b;color:#fff;font:bold 80px/200px 'Open Sans';display:block;text-align:center}#g .found{display:inline-block}.card{display:inline-block;-webkit-perspective:1000;-moz-perspective:1000}.card:not(.active):hover{opacity:.8}.card .b::before{content:attr(data-f);display:block;font:normal 100px/100px "GeneralFoundicons";position:absolute;top:50%;margin-top:-50px;width:100%;text-align:center}.flipper{position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d}.f,.b{position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #333;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.f{background:#16a085;z-index:1}.b{background:#c0392b;opacity:0}.card.active .b{z-index:2;opacity:1}.card,.flipper,.logo .b{transition:400ms;-ms-transition:400ms;-webkit-transition:400ms;-moz-transition:400ms;-o-transition:400ms}.card.active .flipper,.b{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.logo .f,.card .b::before,.pause::before{-webkit-text-stroke:1px #fff}@media all and (max-width:1680px) and (min-width:640px){.card .b::before{font-size:90px}#g.medium .card .b::before{font-size:70px}#g.hard .card .b::before{font-size:50px}}@media all and (max-width:640px) and (min-width:470px){.card .b::before{font-size:90px}#g.medium .card .b::before{font-size:60px}#g.hard .card .b::before{font-size:50px}}@media all and (max-width:470px) and (min-width:0){.card .b::before{font-size:60px}#g.medium .card .b::before{font-size:35px;-webkit-text-stroke:0}#g.hard .card .b::before{font-size:32px;-webkit-text-stroke:0}}@media all and (max-width:640px) and (min-width:0){a{line-height:50px;font-size:13px}.logo{width:300px;height:300px;margin:-150px 0 0 -150px}.logo .f{font:normal 80px/150px 'Open Sans'}.logo .contentbox h2{font-size:16px;margin:24px 0}.logo .instructions h2{display:none}.logo .instructions.contentbox p:nth-child(3){display:none}#stats li b{width:auto}}