Section h1
{
  justify-content: center;
  text-align: center;
  font-size: 50px;
  margin: 5vh;
}

section
{
  justify-self: center;
  max-width: 1200px;   /* nieuw */
  margin: 0 auto;      /* nieuw */
  padding: 0 5vw;      /* nieuw */
}

section h2
{
  text-align: center;
}

section div
{
  margin-top: 22px;
  background-color: var(--Alinea-Achtergrond);
  padding: 20px;
  border-radius: 20px;
  text-align: justify;
  width: min(800px, 95%);
  justify-self: center;
  box-shadow: var(--Schaduw);
  font-size: 20px;
  margin-left: auto;    /* nieuw: center blokken */
  margin-right: auto;   /* nieuw */
}

section div #alinea
{
  width: 100%;
  margin: 0;
  text-align: start;
  justify-self: center;
  background-color: var(--Achtergrond);
}

section div p a
{
  color: var(--Knop-Achtergrond);
}

section #Extra li a
{
  background-color: var(--Knop-Achtergrond);
  color: white;
  padding: 15px;
  border-radius: 30px;
}

section #Extra li a:hover
{
  background-color: var(--Knop-Achtergrond-Actief);
  transition: all 0.3s;
  cursor: pointer;
}

section #Extra li:hover
{
  transform: scale(1.1);
  transition: all 0.3s;
}

section #Extra li:active
{
  transform: scale(1);
  transition: all 0.3s;
}

section #Extra li
{
  list-style: none;
  text-align: center;
  box-shadow: none;
  margin-bottom: 20px;
}