<style>
/* Algemeen */
html {
    height: 100%;
}
body {
  background-color:#000A30;
  color:white;
  font-size: clamp(6px, 3vw, 16px);
}
footer{
  font-size: clamp(6px, 1vw, 10px);
  color: #500;
  position:relative;
  top:20px;
  text-align: center;
}
footer a{
  color: #ff0000;
 }
footer a:hover{
  color: #FFFF00;
 }
.borderbox{
  padding:5px;
  min-height:60%;
  position:relative;
  clear:both;
  border : solid 1px #00F6FF;
  border-radius: 15px;
    box-shadow : 2px 2px 10px #00F6FF;
}

/* Mainpage */
.top{
    color:#00F6FF;
    top: 0px;
    width:95%;
    padding: 10px;
}
.navbar{
    width:80%;
    position: relative;
    display: flex;
    flex-wrap:wrap;
    color:#00F6FF;
    /*left:clamp(10px, 9vw, 160px);*/
    list-style: none;
    gap:5px;
    text-align: center;
}
.navbar li{
    font-family: monospace;
    color:#00F6FF;
    flex-grow:1;
    flex-shrink:1;
    border : solid 1px #00F6FF;
    border-radius: 15px;
    box-shadow : 2px 2px 10px;
}

.navbar a{
    color:yellow;
    text-decoration:none;
}
.navbar a:hover{
    color:orange;
}

/* Div */
.li_makeup{
    color:yellow;
    list-style-type: circle;
}
.li_makeup span{
    color:red;
}
.li_makeup a{
    color:green;
}
.li_makeup a:hover{
    color:blue;
}

html a{
 color:green;
 text-decoration:none;
}
html a:hover{
    color:blue;
}

@media (max-width:629px) {
  .hideonsmallscreen {
    display: none;
  }
}

</style>