.navbar {
    text-align: center;
    
}
  
.navbar {
    overflow: hidden;  
    width: 100%;
    position: absolute;
    top: 10px;
  
    
}
  
.navbar a {
    font-size: 20px;
    color: white;
    z-index: 2;
    opacity: 1;
    transition: .5s;
    
}
  
.navbar a:hover {
  text-decoration: underline;
  cursor: grab;
}
  
  
  
.Home ,.Wat ,.Onderdelen ,.Toepassingen ,.Contact {
   position: fixed;
 

}

.Home {
  left: 16.6%;
}
  
.Wat {
  left: 33.2%;
}

.Onderdelen {
  left: 49.8%;
}

.Toepassingen {
  left: 66.4%;
}

.Contact {
  left: 83%;
}


 
  
.background {
    position: fixed;
    top: 0px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 50px;
  object-fit: cover;
  min-width: 100%;
  z-index: 1;
  border-radius: 25px;
}
  
.blackbox {
  position: fixed;
  background-color: black;    
  height: 50px;
  width: 100%;
  z-index: 1;
  opacity: .3;
  border-radius: 25px;
  top: 0px;
}
  
.logo {
      position: fixed;
      z-index: 2;
      width: 40px;
      height: auto;
      left: 25px;
      top: 50px;
      border-radius: 25px;
      transition: 2s;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
    
.logo:hover {
      transform: rotate(90deg);
      width: 50px;
      height: auto;
      top: -50px;
      left: 80px;
}