/* header memet een grijze achtergrond */
header {
  background-color: rgb(237, 239, 245);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 20px;
}

/*deze is mijn menu*/
nav {
  padding-left: 800px;
}

ul {
  list-style: none;
  display: flex;
  padding: 0;
}

ul li {
  display: inline-block;
  margin-right: 10%;
  text-align: center;
  background-color: rgb(236, 237, 241);
  padding-bottom: 3px;
  border-radius: 7px;
}

ul li:hover {
  background-color: rgb(136, 156, 248);
}

nav ul li a {
  color: black;
  text-decoration: none;
}

/*  decoratie van de main  */
main {
  color: black;
  background-color: white(236, 237, 241);
  padding-bottom: 80px;
  margin: 5px;
}

#begroeting
{
  color: black;

}

p, h1, h2 {
  text-align: center;
}

/* sections van 5 articles*/
section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}
/*articles */
article {
  background-color: white (238, 238, 239);
  width: 20vw;
  text-align: center;
  border: 2px solid rgb(149, 193, 240);
  border-radius: 25px;
  padding: 25px;
}
/*de maat van de article die een foto heeft aanpassen*/
.foto-article {
  width: 30vw;
  padding: 10px;
}

/* de foto in de article aanpassen  */
img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}