.title {
    justify-content: center;
    text-align: center;
    height: 80vh;
    display: flex;
    flex-direction: column;
}
body{
    font-family: "Times New Roman", sans-serif;
    font-size: 16pt;
    text-align: center;
    background-image: url("achtergrond.webp");
    filter: blur(0px);
    -webkit-filter: blur(0px);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

 ul {
      list-style-type: none;
      margin: auto;
      padding: 0;
      overflow: hidden;
      background-color: transparent;    /* Kleur menubalk; oorspronkelijk #333 */
      border: 2px darkseagreen;
      border-radius: 20px;
      width: 40%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 95%;


  }

  li {
      float: left;
  }

  li a, .dropbtn {
      display: inline-block;
      color: black;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
  }

  li a:hover, .dropdown:hover .dropbtn {
      background-color: #B7E9F7;   /* Kleur mouseover; oorspronkelijk rood */
  }

  li.dropdown {
      display: inline-block;
  }

  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
  }

  .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
  }

  .dropdown-content a:hover {background-color: #dddddd} /* Kleur mouseover binnen dropdown lijst; oorspronkelijk #f1f1f1 */

  .dropdown:hover .dropdown-content {
      display: block;
    }
  li a:active, #active{
      background-color: #0000ff; /* Kleur active class in menubalk; oorspronkelijk #4CAF50 */
      color: white;
  }
  /* ---------------------------------------------------------------------------------*/
  /* -------- Opmaak van de hyperlinks -----------------------------------------------*/
  /* unvisited link */
  .hyper:link {
      color: lightblue;
  }

  /* visited link */
  .hyper:visited {
      color: lightblue;
  }

  /* mouse over link */
  .hyper:hover {
      color: darkblue;
  }

  /* selected link */
  .hyper:active {
      color: yellow;
  }