body {


    background-color:#008F40;

}

h1 {

text-align: center;
color: #8F0C00;

}
  
.center {

padding-top: 100px;
text-align: center;
color: black;
font-size: 30px;


}

a {

    background-color: #8F0C00;
    padding: 5px 10px;
    border-radius: 10px;
    text-decoration: none;
    color: black;
    
}
a:hover {
    color: hotpink;
  }


.rules {

    position: absolute; 
    left:10%;
    top: 15%;

  }
  .leaderboard {

    position: absolute; 
    left: 80%;
    top: 35%;

  }

  .rulestext1 {
    text-align: center;
    position: absolute; 
    left:10%;
    top: 20%;
    font-size: 20px;
  }
  .rulestext2 {
    text-align: center;
    position: absolute; 
    left:10%;
    top: 55%;
    font-size: 20px;
  }


  .moveimg {

    width: 17%;
    position: absolute; 
    left:5%;
    top: 28%;

  }

  .attackimg {

    width: 17%;
    position: absolute; 
    left:5%;
    top: 63%;

  }


  .info {

    position: absolute; 
    left:0%;
    top: 90%;
    font-size: 20px;

  }

  .points {

    position: absolute; 
    left: 40%;
    top: 10%;
    color: black;


  }
  .points2 {

    position: absolute; 
    left: 48%;
    top: 10%;
    color: black;


  }

  .pname {
    position: relative;
    bottom: 90%;
    font-size: 25px;
    color:#8F0C00;
    margin-left: 80%;
    margin-bottom: 2%;
    
    display:flex ;
    flex-direction: row;
    word-spacing: 15px;

  }

   /* .highscore {
    
    position: relative;
    bottom: 80%;
    font-size: 25px;
    color:#8F0C00;
    margin-left: 10%;
    margin-bottom: 2%;
    display:flex ;
    flex-direction: row;
    word-spacing: 15px;

  }   */