/*
Oualid Abbou
21-9-2025
*/

body 
{
    margin: 0; /* Verwijdert standaard marge van de pagina */
    font-family: "Libre Baskerville", serif;
    font-size: medium;
    
}
h1
{
    text-align: center; /* Zet titel in het midden */
}
.navbar ul 
{ 
    list-style-type: none; /* Verwijdert lijst-bolletjes */
    background-color: hsl(210, 60%, 50%); /* Blauwe achtergrond */
    padding: 0; /* Geen extra ruimte binnenin */
    margin: 0;/* Geen extra ruimte buitenom */
    overflow: hidden;  /* Zorgt dat de inhoud binnen de balk blijft */
}
.navbar a 
{
    color: white; /* Witte tekst */
    text-decoration: none; /* Verwijdert onderstreping */
    padding: 15px; /* Ruimte rond de tekst */
    display: block; /* Link vult hele blok */
    text-align: center; /* Zet tekst in het midden */
}
.navbar a:hover 
{
    background-color: hsl(210, 60%, 35%); /* Donkerder blauw bij hover */
}
.navbar li 
{
    float: left; /* Zet de items naast elkaar (horizontaal menu) */
}

h2
{
    text-align: center;
}

main 
{
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

main > div 
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 20px;
  
}



main img 
{
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
h3
{
  text-align: center;
}