body{
  font-family: 'Poppins', sans-serif;
}



h1{
  font-size: 4vw;
  text-align: center;
  margin-bottom: 0;
  margin-top: 1.5%;
  text-shadow: 2px 2px grey;
}

h2 {
  margin-left: 5%;
  font-size: 2vw;
  text-shadow: .5px .5px grey;
}

input:focus, textarea:focus {
    outline: none;
}

input {

  margin-left: 42.5%;
  margin-right: 42.5%;
  width: 15%;
    transition: all .5s linear;
}

#coin_fall{
  animation: coin_fall 4s infinite;
  position: fixed;
}


#falling_coin {
  width: 100px;
  animation: infinite-spinning 4s infinite;
  margin: 0;
}

@keyframes coin_fall {
  0% {
       transform: translate(0px, -20%);

   }

   100% {
       transform: translate(0px, 1000%);
   }
}

#div{
  margin: 0;
}

@keyframes infinite-spinning {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(720deg);
  }
}


#score_box {
  width: 20%;
  border-style: solid;
  float: right;
  margin-right: 5%;
  box-shadow: 10px 10px 5px #888888;
}

#tally{
  font-size: 2vw;
  margin-top: 3%;
  margin-bottom: 0;
  text-align: center;
  text-decoration: underline;
}



ul li{
  font-size: 1.5vw;
  list-style-type: none;
  display: inline;
}

ul {
  margin: 1%;
}

input:active{
  transform: rotateX(1800deg) scale(4);
}

#final_winner {
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
}