/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.background {
  background-color: #ffffff;
  position: fixed;
  height: 400vh;
  width: 400vw;
  top: 50%;
  left: 66.66666666%;
  -webkit-animation: 400s rotate ease-in-out infinite;
          animation: 400s rotate ease-in-out infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
    fill: #2b80b5; }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
            transform: translate3d(-50%, -50%, 0) rotate(360deg);
    fill: #709bb5; }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
    fill: #2b80b5; } }

@keyframes rotate {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
    fill: #2b80b5; }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
            transform: translate3d(-50%, -50%, 0) rotate(360deg);
    fill: #709bb5; }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
    fill: #2b80b5; } }

.title {
  position: fixed;
  left: 66.66666666%;
  top: 70%;
  width: 40%;
  height: auto;
  -webkit-animation: 16s title-shake ease-in-out infinite;
          animation: 16s title-shake ease-in-out infinite; }

@-webkit-keyframes title-shake {
  0% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg);
            transform: translate3d(-49%, -51%, 0) rotate(0deg); }
  33.3% {
    -webkit-transform: translate3d(-51%, -49%, 0) rotate(1deg);
            transform: translate3d(-51%, -49%, 0) rotate(1deg); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg); }
  100% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg);
            transform: translate3d(-49%, -51%, 0) rotate(0deg); } }

@keyframes title-shake {
  0% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg);
            transform: translate3d(-49%, -51%, 0) rotate(0deg); }
  33.3% {
    -webkit-transform: translate3d(-51%, -49%, 0) rotate(1deg);
            transform: translate3d(-51%, -49%, 0) rotate(1deg); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg); }
  100% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg);
            transform: translate3d(-49%, -51%, 0) rotate(0deg); } }

.hat {
  height: auto;
  position: absolute;
  left: 66.66666666%;
  top: 40%;
  width: 60vh;
  -webkit-animation: 7s shake ease-in-out infinite;
          animation: 7s shake ease-in-out infinite; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg);
            transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg); }
  33.3% {
    -webkit-transform: translate3d(-50.5%, -52%, 0) rotate(1deg);
            transform: translate3d(-50.5%, -52%, 0) rotate(1deg); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg); }
  100% {
    -webkit-transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg);
            transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg); } }

@keyframes shake {
  0% {
    -webkit-transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg);
            transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg); }
  33.3% {
    -webkit-transform: translate3d(-50.5%, -52%, 0) rotate(1deg);
            transform: translate3d(-50.5%, -52%, 0) rotate(1deg); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg); }
  100% {
    -webkit-transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg);
            transform: translate3d(-49.5%, -50.5%, 0) rotate(0deg); } }

#wheel {
  position: absolute;
  height: 100vh;
  width: 100vh;
  top: 50%;
  left: 0.5%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }

.wheel-prize {
  -webkit-animation: 16s title-shake ease-in-out infinite;
          animation: 16s title-shake ease-in-out infinite;
  background: #f7c017;
  border-radius: 3px;
  color: white;
  display: table;
  font-family: "Futura", Helvetica, Arial, sans-serif;
  font-size: 3vw;
  height: 10vw;
  left: 66%;
  line-height: 1.1em;
  overflow: visible;
  padding: 4px;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 1s;
  transition: all 1s;
  top: 75%;
  width: 60vw;
  z-index: 100; }
  .wheel-prize:before {
    content: "";
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 8px dotted #f7c017;
    position: absolute;
    left: -4px;
    top: -4px; }
  .wheel-prize--stopped {
    -webkit-animation: 16s title-stopped ease-in-out infinite;
            animation: 16s title-stopped ease-in-out infinite;
    left: 50%;
    top: 50%;
    z-index: 10; }
  .wheel-prize .status_label {
    padding: 0 4px;
    display: table-cell;
    vertical-align: middle;
    background: #2b2b2b;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    -webkit-transition: all 1s;
    transition: all 1s;
    text-shadow: 0 0 10px #fff; }
    .wheel-prize .status_label--stopped {
      color: #f7c017; }

@keyframes title-shake {
  0% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg);
            transform: translate3d(-49%, -51%, 0) rotate(0deg); }
  33.3% {
    -webkit-transform: translate3d(-51%, -49%, 0) rotate(1deg);
            transform: translate3d(-51%, -49%, 0) rotate(1deg); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg); }
  100% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg);
            transform: translate3d(-49%, -51%, 0) rotate(0deg); } }

@-webkit-keyframes title-stopped {
  0% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1);
            transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1); }
  33.3% {
    -webkit-transform: translate3d(-51%, -49%, 0) rotate(1deg) scale(1.5);
            transform: translate3d(-51%, -49%, 0) rotate(1deg) scale(1.5); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg) scale(1.3);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg) scale(1.3); }
  100% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1);
            transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1); } }

@keyframes title-stopped {
  0% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1);
            transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1); }
  33.3% {
    -webkit-transform: translate3d(-51%, -49%, 0) rotate(1deg) scale(1.5);
            transform: translate3d(-51%, -49%, 0) rotate(1deg) scale(1.5); }
  66.6% {
    -webkit-transform: translate3d(-49%, -50%, 0) rotate(-1deg) scale(1.3);
            transform: translate3d(-49%, -50%, 0) rotate(-1deg) scale(1.3); }
  100% {
    -webkit-transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1);
            transform: translate3d(-49%, -51%, 0) rotate(0deg) scale(1); } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzIjpbIm1haW4uc2NzcyIsInZlbmRvci9zdHlsZXMvX3Jlc2V0LnNjc3MiLCJjb21wb25lbnRzL2JhY2tncm91bmQvX2JhY2tncm91bmQuc2NzcyIsImNvbXBvbmVudHMvdGl0bGUvX3RpdGxlLnNjc3MiLCJjb21wb25lbnRzL2hhdC9faGF0LnNjc3MiLCJjb21wb25lbnRzL3doZWVsL193aGVlbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQ0FBOzs7RUFHRTtBQUVGLEFBQUEsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTTtBQUM3QyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFFLEdBQUc7QUFDMUMsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSTtBQUMxQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLElBQUk7QUFDdkMsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsR0FBRztBQUN4QyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxNQUFNO0FBQ2YsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFO0FBQ3RCLFFBQVEsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU07QUFDN0IsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUU7QUFDL0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFN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 */

/*# sourceMappingURL=main.css.map */