
ol {
	position: relative;
	left: -1rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	height: 80%;
}


ol li {
  z-index: 20;
  width: 4rem;
  list-style: none;
  z-index: 1;
}


li:hover {
  /*Decided not to rotate-webkit-transform:rotate(2deg);*/
  -webkit-animation: shake .5s ease-in-out;
}

  @keyframes shake {
    0% {transform:translate(.1rem, .1rem);}
    5% {transform:translate(-.1rem, -.1rem);}
    10% {transform:translate(.1rem, .1rem);}
    15% {transform:translate(-.09rem, -.09rem);}
    20% {transform:translate(.09rem, .09rem);}
    25% {transform:translate(-.08rem, -.08rem)}
    30% {transform:translate(.08rem, .08rem);}
    35% {transform:translate(-.07rem, -.07rem);}
    40% {transform:translate(.07rem, .07rem);}
    45% {transform:translate(-.07rem, -.07rem);}
    50% {transform:translate(.05rem, .05rem)}
    50% {transform:translate(.05rem, .05rem)}
    55% {transform:translate(-.05rem, -.05rem);}
    60% {transform:translate(.05rem, .05rem);}
    65% {transform:translate(-.04rem, -.04rem);}
    70% {transform:translate(.04rem, .04rem);}
    75% {transform:translate(-.04rem, -.04rem)}
    80% {transform:translate(.03rem, .03rem);}
    85% {transform:translate(-.03rem, -.03rem);}
    90% {transform:translate(.02rem, .02rem);}
    95% {transform:translate(-.01rem, -.01rem);}
    100% {transform:translate(0,0)}
  }

#red {
    width: 12.5rem;
  height:12rem;
  background-image:url(1_floor.png);
}

#orange {
    width: 12.5rem;
  height:12rem;
  background-image:url(2_floor.png);
}

#center {margin-right: auto;margin-left: auto;  width: 26rem;}


@media screen and (max-width: 25em){
	#wood {transform: rotate(90deg) scale(.8); position: relative; left: -11rem;}
	#center {width: 100%; height: 100%;}
	footer, header {opacity: 0;}
}

#hidden {display: none;}


.key {
  font-size: 1rem;
  padding:0.1rem .30rem;
  -webkit-transition: all .05s;
  transition:all .05s;
  text-shadow:0 0 30px white;
}

.playing {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}



