h1 {
  color: white;
}
h2 {
  color: white;
}
h3 {
  color: white;
}
h4 {
  color: white;
}
p {
  color: white;
}


.topnav {
    background-color: rgb(176, 176, 176);
    overflow: hidden;
  }

  .logo{
    float: left;
  }

  .topnav a {
    float: left;
    display: block;
    color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }

  .active {
    background-color: #5A5A5A;
    color: #8C8C8C;
  }
  
  .topnav .icon {
    display: none;
  }

  .topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
  }

  .box {
    width: 100%;
    height: 100px;
    background-color: #FFD014;
}


.variablecolor{
  color: blue;}


  footer {
    text-align: center;
    padding: 3px;
    background-color: #8C8C8C;
    color: white;
  }


/* Stijl voor de container en afbeelding */
.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* De afbeelding wordt gecentreerd op de pagina */
}

.image-container img {
  width: 300px; /* Pas dit aan naar wens */
  cursor: pointer;
  transition: transform 0.3s ease; /* Animatie bij hover */
}

.image-container img:hover {
  transform: scale(1.1); /* Vergroot de afbeelding bij hover */
}