body{
  font-family: sans-serif;
  font-size: 0.9em;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  border: 0px;
}


section{
 width: 28em;
 margin: 1em auto 1em;
 padding-top: 30vh;
 text-align: center;
}

img{
    width:15em;
}


#starbox{
  position: absolute;
  z-index: +10;
  top:-1.2em;
  margin-top: 30vh;
  left: 50vw;
  margin-left:6em;
  
  width: 4em;
  height: 4em;
  background-image: url('star.png');
  background-size:100%;
  background-repeat: no-repeat;
  
  animation: flyingstar 2s ease-in-out infinite;
  
}


#Names{
  margin-top: 2em;
  
}

@keyframes flyingstar {
      
      0% {
	transform: scale(0.8);
      
      }
      50% {
	transform: scale(1.1) translate(.21em,-.21em);
      
      }
      100%{
	transform: scale(0.8) translate(0,0);
      }
}


@media only screen and (max-width: 27.9em) {
  
  .dash{
    display: none;
  }
  a{
    display: block;
    padding: 0.5em;	/*easier touch aiming*/
    border-bottom: 1px solid White;
  }
  section{
    width:100%;
  }

  
}