#headline {
  z-index: 100;
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: white;
  font-family: "Amatic SC", sans-serif;
  font-size: 24px;
}

#iconHolder {
  z-index: 100;
  margin: 0;
  position: absolute;
  bottom: 7%;
  width: 100%;
  text-align: center;
  color: white;
}

#iconHolder img {
  height: 28px;
  width: 28px;
  margin: 8px;
}

#iconHolder img:hover {
  padding-bottom: 2px;
}

#iconHolder a:link {
  text-decoration: none;
}

#iconHolder a:visited {
  text-decoration: none;
}

@keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-webkit-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-moz-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}
@-ms-keyframes move-twink-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -10000px 5000px;
  }
}

@keyframes move-clouds-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 10000px 0;
  }
}
@-webkit-keyframes move-clouds-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 10000px 0;
  }
}
@-moz-keyframes move-clouds-back {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 10000px 0;
  }
}
@-ms-keyframes move-clouds-back {
  from {
    background-position: 0;
  }
  to {
    background-position: 10000px 0;
  }
}

.nightSky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#stars {
  background: #000
    url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top
    center;
  z-index: 0;
}

#twinkling {
  background: transparent
    url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat
    top center;
  z-index: 1;

  -moz-animation: move-twink-back 200s linear infinite;
  -ms-animation: move-twink-back 200s linear infinite;
  -o-animation: move-twink-back 200s linear infinite;
  -webkit-animation: move-twink-back 200s linear infinite;
  animation: move-twink-back 200s linear infinite;
}

#gameContainer {
  display: none;
  background: black;
  position: absolute;
  z-index: 101;
  padding: 50px;
  padding-bottom: 20px;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 15px;
  border: 1px solid white;
}

#game {
  border: 0px #000000 none;
  margin: auto;
  margin-bottom: 8px;
}

#gameIcon {
  cursor: pointer;
}

#closeGame {
  color: white;
  border: 1px solid white;
  padding: 2px 30px 2px 30px;
  cursor: pointer;
  font-family: "Amatic SC", sans-serif;
  font-size: 24px;
  border-radius: 3px;
}

#closeGame:hover {
  color: lightgray;
  border-color: lightgray;
}

#closeGame:active {
  font-size: 23px;
  padding: 1px 29px 1px 29px;
}

.arrow {
  color: white;
  padding: 2px 30px 2px 30px;
  cursor: pointer;
  font-family: "Amatic SC", sans-serif;
  font-size: 24px;
}

.arrow:hover {
  color: lightgray;
  border-color: lightgray;
}

.arrow:active {
  font-size: 23px;
  padding: 1px 29px 1px 29px;
}