html{height:100%}body{color:#0d0;font-family:helvetica,courier;text-align:center;margin:0;overflow:hidden;background:#9cf;background:-webkit-linear-gradient(top,#9cf 0,#cbe0f5 100%);background:-linear-gradient(top,#9cf 0,#cbe0f5 100%);height:100%;letter-spacing:.15em}.main{width:980px;margin:0 auto;text-align:center;position:absolute;top:50%;left:50%;margin-left:-465px;margin-top:-200px;z-index:100;text-shadow:.1em .1em .2em #111}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.main{margin-left:-50%;margin-top:-30%}}@media only screen and (max-device-width:480px){.main{margin-left:-50%;margin-top:-46%}}.alert{color:red;font-size:4.8em;position:absolute;width:500px;height:100px;top:100px;left:50%;margin-left:-250px;background-color:#00c;opacity:.7}.alert.seats{font-size:3em;height:60px}.hide{display:none}canvas{width:975px;height:225px;margin:0 auto;background:-webkit-radial-gradient(#000 15%,transparent 16%) 0 0,-webkit-radial-gradient(#000 15%,transparent 16%) 8px 8px,-webkit-radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,-webkit-radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px;background:radial-gradient(#000 15%,transparent 16%) 0 0,radial-gradient(#000 15%,transparent 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px}.title{text-align:center;font-size:2em;color:#88f;text-transform:uppercase}.instruction-panel{text-align:center;color:#fff;padding:1em}.score-panel{margin-top:10px;text-align:left;color:#faa}@media only screen and (min-device-width :1000px){.hills{position:absolute;overflow:visible;width:100%;height:0;bottom:30%;z-index:10;background:#6c9b60;-webkit-animation:takeOff 5s linear;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1}.hill{position:absolute;background:#299a0b;-webkit-transform:rotate(90deg)}.h1{z-index:10;width:4000px;height:2400px;top:500px;border-radius:2400px;left:-3000px;-webkit-animation:moveHillsOne 50s linear infinite;background-color:#6c9b60}.h2{z-index:11;width:2000px;height:1400px;top:80px;border-radius:1400px;-webkit-animation:moveHillsTwo 18s linear infinite;background-color:#4d9a38}.h5{z-index:12;width:2000px;height:1400px;top:80px;border-radius:1400px;-webkit-animation:moveHillsTwo 22s linear infinite;background-color:#4d9a38;left:-1000px}.h3{z-index:13;width:1000px;height:400px;top:220px;border-radius:400px;-webkit-animation:moveHillsThree 10s linear infinite}.h4{z-index:14;width:1000px;height:400px;top:230px;left:-400px;border-radius:400px;-webkit-animation:moveHillsThree 20s linear infinite}@-webkit-keyframes takeOff{0%{bottom:30%}100%{bottom:0}}@-webkit-keyframes moveHillsOne{0%{margin-left:0}100%{margin-left:4000px}}@-webkit-keyframes moveHillsTwo{0%{margin-left:-2000px}100%{margin-left:2000px}}@-webkit-keyframes moveHillsThree{0%{margin-left:-3000px}100%{margin-left:3000px}}.clouds{padding:100px 0;position:absolute;z-index:50}.cloud{width:200px;height:60px;background:#fff;border-radius:200px;position:relative}.cloud:before,.cloud:after{content:'';position:absolute;background:#fff;width:100px;height:80px;top:-15px;left:10px;border-radius:100px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}.x1{-webkit-transform:scale(1.6);-webkit-animation:moveclouds 25s linear infinite}.x2{left:200px;-webkit-transform:scale(0.6);transform:scale(0.6);opacity:.6;-webkit-animation:moveclouds 10s linear infinite}.x3{left:-250px;top:140px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite}.x4{left:470px;top:-150px;-webkit-transform:scale(0.75);transform:scale(0.75);opacity:.75;-webkit-animation:moveclouds 18s linear infinite}.x5{left:-150px;top:-150px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite}@-webkit-keyframes moveclouds{0%{margin-left:-2000px}100%{margin-left:2000px}}@-moz-keyframes moveclouds{0%{margin-left:-2000px}100%{margin-left:2000px}}@-o-keyframes moveclouds{0%{margin-left:-2000px}100%{margin-left:2000px}}@-webkit-keyframes cloudBounce{0%{margin-top:0}100%{margin-left:100px}}}