/* 
  Disable Scroll
*/

body, html { 
  overflow-x: hidden; 
  overflow-y: scroll;
}

body {
  padding-top: 2em
}

#game {
  position: relative;
  margin: 0 auto;
  max-width: 640px;
  height: 300px;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: 0.25em 0.25em 0 0;
  box-shadow: 0 -2px 2px rgba(0,0,0,.25);
  background-color: #4b692f;
  background-image:
    url(../assets/background/tile-ground.png), 
    url(../assets/background/tile-under.png);
    /* url(../assets/background/grass.png); */
  background-position: bottom 32px left, bottom left, top left;
  background-repeat: repeat-x, repeat-x, repeat;
  animation: scroll 0.1s linear infinite
}

@keyframes scroll {
	from { background-position: bottom 16px left, bottom left, top left; }
  to { background-position: bottom 16px left -32px, bottom left -32px}
}

#progress {
  margin: 0 auto;
  width: 640px;
  border-radius: 0 0 0.25em 0.25em;
  border: 1px solid rgba(0,0,0,.25);
  border-top: none;
  box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

#progress-bar {
  width: 100%;
  padding: 1em 0;
}

#startMsg {
  text-align: center;
  position: absolute;
  background: rgba(255,255,255,.3);
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1em;
  border-radius: 0.35em;
  border: 2px solid rgba(0,0,0,.3);
  color: #ffffff;
  font-size: 1em;
}


#deathMsg {
  text-align: center;
  position: absolute;
  background: rgba(255,255,255,.3);
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1em;
  border-radius: 0.35em;
  border: 2px solid rgba(0,0,0,.3);
  color: #ffffff;
  font-size: 1em;
  display: none
}

#stop {
  display: none
}

#age {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: rgba(0,0,0,.25);
  text-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(0,0,0,.35)
}

#gameColumn {
  min-width: 700px;
}

#madeBy div a div {
  transition: all 0.1s ease-out;
}

#madeBy div a:hover div {
  transform: scale(1.05, 1.05);
  padding-left: 1.5em
}