.top {
  background-color: rgb(67, 50, 23);   
  color: white;              
  padding: 10px 0;           
  text-align: left;        
  font-size: 5px;
  padding-left: 30px;
  height: 40px;
}
.back-button{
    color: white;
      font-size: 34px;
  padding: 12px 20px;
  text-decoration: none;
}

.wrapper1 {
      max-width: 720px;
      margin: 0 auto;
    }

    .background1 {
      background-color: rgb(130, 63, 63);
      border: 2px solid #640422;
      border-radius: 16px;
      padding: 180px;
      box-shadow: 0 6px 18px rgba(0,0,0,.06); 
      top: 70px;
      left:10px;
      width: 180px;
      height: 50px;
      position: absolute;
    }
    .gameplay {
        position: absolute;
        top:88px;
        left: 15px;
        
    }
    .textforgif {
        position: absolute;
        top: 10px;
        left: 210px;
        color: white;
    }

______________________________________________________________________________________

    .wrapper2 {
      max-width: 720px;
      margin: 0 auto;
    }

    .background2 {
      background-color: rgb(72, 72, 72);
      border: 2px solid #000000;
      border-radius: 16px;
      padding: 180px;
      box-shadow: 0 6px 18px rgba(0,0,0,.06); 
      bottom: 10px;
      left:10px;
      width: 180px;
      height: 50px;
      position: absolute;
    }
    .map{
      position: absolute;
        bottom:10px;
        left: 15px;
        height: 340px;
        width: 512px;
    }
    .text1{
      position: absolute;
      color: white;
      top: -3px;
      left: 245px;
    }
    ___________________________________________________
.wrapper3 {
      max-width: 720px;
      margin: 0 auto;
    }

    .background3 {
      background-color: rgb(65, 48, 48);
      border: 2px solid #322b0c;
      border-radius: 16px;
      padding: 180px;
      box-shadow: 0 6px 18px rgba(0,0,0,.06); 
      top: 70px;
      right:10px;
      width: 720px;
      height: 470px;
      position: absolute;
    }
    .spells {
      position: absolute;
      height: 340px;;
      width: 512px;;
      top: 120px;
      right: 20px;

    }
    .artifact{
      position: absolute;
       height: 340px;;
      width: 512px;;
      top: 50px;
      right: 558px;


    }
    .text2{
      position: absolute;
      top: -10px;
      color: white;
      right: 320px;
    }
    .text3{
      position: absolute;
    top:370px;
    left: 80px;
    color: white;
    }
    .shop {
      position: absolute;
      height: 380px;
      width:612px;
      bottom: 320px;
      right: 30px;
    }
    .text4{
      color: white;
      position: absolute;
      bottom:10px;
      left: 25px;
    }
    .pijl {
      position: absolute;
      left: 140px;
      bottom: 430px;
      height: 300px;
      width: 300px;

    }
    .effect{
      position: absolute;
      right: 10px;
      bottom: 10px; 
      height: 280px;
      width: 1080px;
    }
    .text5{
      color: white;
      position: absolute;
      top: 100px;
      left: 600px;
    }