body {
        background-color: steelblue;
        font-family: 'Days One', sans-serif;
        color:#000;
   
        
      }
      a {
        text-decoration: none;
        color:#000;
      }
      .main {
        float:left;
        margin-left:100px;
      }
    
      #map {
        display: block;
        margin: 10px auto 0 auto;
        border: 1px solid white;
      }
    
      #score {
        
        text-align: center;
        font: 35px Comic Sans MS;
       
      }

      .startmenu{
        border:1px solid #fff; 
        width: 300px; 
        min-height:200px;
        background-color: #fff;
        float:left;
        margin-left:50px;
        left:calc(50% - 150px);
        right:calc(50%);
        display: none;
        margin-top:10px;
        padding:10px;
        text-align: center;
        font-size: 1.1em;
        border-radius: 20px;

      }

      .highscore {
        float:left;
        margin-left:30px;
 
        padding:10px; 
        width:200px;
        margin-top: 50px;
        
      }

@keyframes anime {
  from {
    background-position: auto
  }
  to {
    background-position: 0% top, 0% top;
  }
}

    
.active {
  animation: anime 10s;
  animation-play-state: running !important;
}

.stop {

  animation: anime 10s;
  animation-play-state: paused;
}

.list {

    font-size: 0.7em;
    

}

.list-date {
    font-size: 0.7em;
}

hr {
    height: 1px;
    border:0px;
    color:pink;
    background-color: pink;
    margin-top:10px;
    margin-bottom:10px;
}