/* navigatie bar zodat de persoon naar andere pagina's kan gaan */

/* styling van de achtergrond van de navigatie bar */

#navBar{
  position: sticky;
  background-color: #0a192f;
  position: relative;
  margin-left: 0%;
  display: flex;
}
/* de type weghalen zodat er geen bolletje meer staat */
#navBar ul{
  list-style-type: none;
}
/* nu gaat de <ul> dus de keuzes van de navigatie bar gaan naast elkaar floaten naar de linker kant */
#navBar ul li{
  float: left;
}
/* nu verander je de links */
#navBar ul li a{
  margin-left: 150px;
  text-decoration: none;
  color: #418dff;
}
/* als je met je muis over de link heen gaat veranderd de kleur en komt er een border aan de onderkant */
#navBar ul li a:hover{
  color: #3673cd;
  border-bottom: #3059a0 solid 1.5px;
}
/* als je op een specifieke pagina bent staat die op #active en dan gaat hij de actieve pagina naar groen doen */
#navBar #active{
  color: rgb(0, 216, 0);
  border-bottom-color: rgb(0, 216, 0);
}