body,html{height:100%}body{margin:0;padding:0;background-color:#333;position:relative;font-family:brandon-grotesque,Helvetica,sans-serif;font-weight:700}#sinister-santa{margin:0 auto;overflow:hidden}#orientation{margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../assets/img/orientation.png) center center/155px 129px no-repeat #000;-webkit-background-size:155px 129px;z-index:999;display:none}#browserwarning{position:absolute;z-index:2;width:600px;height:800px;left:50%;top:50%;margin-top:-400px;margin-left:-300px;background:url(../assets/img/black-80.png);display:none}#browserwarning .container{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;position:relative}#browserwarning h1{text-align:center;font-size:50px;line-height:100%;color:#DA4337;margin:0 auto 20px;width:500px;font-weight:900;text-transform:uppercase}#browserwarning p{color:#fff;font-weight:900;opacity:.6;font-size:30px;line-height:140%;margin:0 auto 20px;max-width:500px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#browserwarning p a{text-decoration:none;color:#00FFC3;filter:alpha(opacity=75)}#browserwarning p a:focus{outline:0}#credits{opacity:0;position:absolute;z-index:2;left:50%;background:url(../assets/img/black-80.png);display:table}#credits .container{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;position:relative}#credits h1{text-align:center;font-size:26px;line-height:100%;color:#DA4337;margin:0 auto 10px;width:200px;font-weight:900;text-transform:uppercase}#credits h2{text-align:center;font-size:16px;line-height:100%;color:#DA4337;margin:10px auto 5px;width:200px;font-weight:700;text-transform:uppercase}#credits p{text-align:center;color:#fff;font-weight:700;font-size:12px;line-height:140%;margin:0 auto 5px;max-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#credits p a{text-decoration:none;color:#00FFC3;opacity:.75}#credits p a:focus{outline:0}#credits-close{position:absolute;top:10px;right:10px;display:block;text-indent:-9999px;background:url(../assets/img/close.png) no-repeat;width:30px;height:30px}@media (min-width:600px){#credits h1{font-size:70px;margin:0 auto 20px;width:300px}#credits h2{font-size:30px;margin:20px auto 10px;width:200px}#credits p{font-size:18px;margin:0 auto 10px;max-width:500px}#credits-close{top:20px;right:20px}}#endgame{opacity:0;position:absolute;z-index:2;left:50%;background:url(../assets/img/black-60.png);display:table;-webkit-transition:top .8s linear;-moz-transition:top .8s linear;-o-transition:top .8s linear;transition:top .8s linear}#endgame .container{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}#endgame #loading{display:none;margin:0 auto}#endgame h1{text-align:center;font-size:50px;line-height:100%;color:#DA4337;margin:0 auto 10px;width:200px;font-weight:900;text-transform:uppercase}#endgame p{color:#fff;font-weight:900;opacity:.6;font-size:18px;line-height:140%;margin:0 auto 20px;max-width:220px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#endgame input{font-family:brandon-grotesque,Helvetica,sans-serif;display:block;margin:0 auto 28px;border:none;color:#9D9D9C;font-size:18px;font-weight:700;padding:4px 14px;width:240px;border-radius:8px}#endgame .submit{border:1px solid #00FFC3;border-radius:8px;font-family:brandon-grotesque,Helvetica,sans-serif;background:0 0;display:block;margin:0 auto;font-size:18px;line-height:100%;font-weight:900;color:#99A1A2;text-transform:uppercase;padding:10px;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}#endgame .submit:hover{color:#fff;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;cursor:pointer}@media (min-width:600px){#endgame h1{width:300px;font-size:80px;margin:0 auto 40px}#endgame p{font-size:30px;max-width:300px;margin:0 auto 40px}#endgame input{margin:0 auto 48px;width:320px;font-size:30px}#endgame .submit{font-size:30px;padding:10px 14px}}#leaderboard{position:absolute;z-index:2;left:50%;background:url(../assets/img/black-60.png);display:none}#leaderboard .container{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}#leaderboard h1{text-align:center;font-size:50px;line-height:100%;color:#DA4337;margin:0 auto 20px;width:200px;font-weight:900;text-transform:uppercase}#leaderboard ul{display:block;width:250px;height:180px;margin:0 auto 20px;padding:0;overflow-y:auto;position:relative}#leaderboard ul li{display:block;padding:0;font-size:18px;font-weight:900;list-style-type:none;color:#FFF;position:relative;text-align:left;text-transform:capitalize}#leaderboard ul li.active{color:#00FFC3;opacity:.75}#leaderboard ul li .score{position:absolute;top:0;right:0}#leaderboard #restart{display:inline-block;width:auto;border:1px solid #00FFC3;border-radius:8px;font-family:brandon-grotesque,Helvetica,sans-serif;background:0 0;text-decoration:none;margin:0 auto;font-size:18px;line-height:100%;font-weight:900;color:#99A1A2;text-transform:uppercase;padding:10px;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}#leaderboard #restart:hover{color:#fff;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;cursor:pointer}@media (min-width:600px){#leaderboard h1{width:300px;font-size:80px;margin:0 auto 40px}#leaderboard ul{height:280px;margin:0 auto 40px}#leaderboard ul li{font-size:30px}#leaderboard #restart{font-size:30px;padding:10px 14px}}