h2 {
  font-family: 'Space Mono', monospace;
  font-size: clamp(3rem, 10vw, 10rem);
  text-decoration: underline;
  color: black;
  border-radius: clamp(0.4rem, 0.75vw, 1rem);
}
.ml-0{
  margin-left: 0;
}
.pt-middle{
  padding-top:20vmax;
}
#BIG-LETTER {
    font-size: 5rem;
}

.img-end{
  width:100%;
  border-radius: clamp(0.4rem, 0.75vw, 1rem);
}
.error_nav{
  height: 10%;
}

* {
  margin:0;
  padding: 0;
  box-sizing: border-box;
}

canvas{
  background: black;
  position: absolute;
}

.Logboek {
    padding-top: 9vmax;
    text-align: center;
}

.Background{
  background: url(../img/Logboek.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.BackgroundPlanning{
  background: url(../img/Logboek.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.BackgroundHardware{
  background: url(../img/Hardware.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.BackgroundSoftware{
  background: url(../img/Software.png)  no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.BackgroundStage{
  background: url(../img/Flash_banner.jpg)  no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_TransBlack{
  background-color: rgba(0, 0, 0, 0.25);
}

#bottom-bar {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
}