@font-face {
    font-family: Paintball;
    src: url(fonts/paintball.woff);
}

@font-face {
    font-family: Ikamodoki;
    src: url(fonts/ikamodoki.woff);
}

body {
  margin: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), #2F2F2F;
}

#bg {
  background: url('background.png') 0 0 repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0.8;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #bg {
        background: url('background@2x.png'), linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), #2F2F2F 0 0 repeat;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        -webkit-background-size: 100%;
        background-size: 100%
    }
}

.paintball {
  font-family: Paintball, Inklined, Ikamodoki, sans-serif;
}

.hidden {
  display: none;
}
div {
  text-align: center;
  font-weight: bold;
}
div.header {
  font-weight: normal;
  left: 50%;
  font-size: 4.5em;
}
div.countdown {
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-size: 3em;
}
#local_hours_wrapper {
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-size: 2em;
}
span.stage_name {
  font-weight: normal;
  white-space: nowrap;
}
ul.local_hours_list {
  list-style-type: none;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  padding: 0px;
}
ul.local_hours_list li {
  margin-top: 0.1em;
}
ul.helptext_list {
  list-style-type: none;
}
.good_guy_color {
  color: #F17E3B;
}
.bad_guy_color {
  color: #B42DB8;
}
p {
  margin: 0px;
}

.stage_list {
  font-size: 1.2em;
  line-height: 1em;
}

#pauseButton {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#ika_swim {
  position: fixed;
  z-index: -1;
}