body {background-image: url(Achtergrond.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#dutch_1 {position: absolute; top:1%; left:79%}
#dutch_1 {width: 20%; height: 35%;}
#dungeon {width: 20%;
          position: absolute; top: 50%; left: 79%;}
#wraith {width: 19%;}
#Throneliberty {position: absolute; top: 6%;}
.topnav {
    background-color: #33333300;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px; 
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #dddddd;
    color: rgb(0, 0, 0);
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    background-color: #04aa6d00;
    color: white;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }
  #textbox1 {
    border: 2px solid #cccccc00;
    padding: 15px;
    background-color: #f1810100;
    border-radius: 8px;
    width: 50%;
    margin: 20px auto;
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0);
    text-align: center;
    position: absolute; top: 18%; left: 22%;
}
#textbox2 {
    border: 2px solid #cccccc00;
    padding: 15px;
    background-color: #f18101;
    border-radius: 8px;
    width: 20%;
    margin: 20px auto;
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: absolute; top: 30%; left: 5%;
}  
#textbox3 {
    border: 2px solid #cccccc00;
    padding: 15px;
    background-color: #f18101;
    border-radius: 8px;
    width: 20%;
    margin: 10px auto;
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: absolute; top: 30%; left: 36%;
}
#textbox4 {
    border: 2px solid #cccccc00;
    padding: 15px;
    background-color: #f18101;
    border-radius: 8px;
    width: 20%;
    margin: 10px auto;
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: absolute; top: 37%; left: 79%;
}
#textbox5 {
    border: 2px solid #cccccc00;
    padding: -10px;
    background-color: #f18101;
    border-radius: 8px;
    width: 19%;
    margin: 10px auto;
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: absolute; top: 9%;
}
  #table1 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: #dddddd00;
    background-color: #f18101;
    position: absolute; top: 60%;
  }
  th, td {
    border: 1px solid rgb(0, 0, 0);
    border-radius: 10px;
    color: white;
    text-align: center;
 
  }
  tr:nth-child(even) {
    background-color: #f18101;
  }
  .column {
    width:300px;
    float:left
}
* {
    box-sizing: border-box;
  }
  
  .row {
    margin-left:-5px;
    margin-right:-5px;
  }
    
  .column {
    float: left;
    width: 50%;
    padding: 5px;
  }
  
  /* Clearfix (clear floats) */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }
  #table2 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 65%;
  }
  #table3 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 70%;
  }
  #table4 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 75%;
  }
  #table5 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 80%;
  }
  #table6 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 85%;
  }
  #table7 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 90%;
  }
  #table8 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 95%;
  }
  #table9 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 100%;
  }
  #table10 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 105%;
  }
  #table11 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 110%;
  }
  #table12 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 115%;
  }
  #table13 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 120%;
  }
  #table14 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 125%;
  }
  #table15 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 130%;
  } 
   #table16 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 135%;
  }
  #table17 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    border: 1px solid #dddddd00;
    background-color: #f18101;
    position: absolute; top: 140%;
  }