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


section div
{
  background-color: var(--Alinea-Achtergrond);
  max-width: 800px;
  width: min(800px, 90%);
  border-radius: 20px;
  padding: 10px;
  text-align: center;
  display: grid;
  opacity: 0.9;
  z-index: 1;
  font-size: 20px;
  box-shadow: var(--Schaduw);
}

section span
{
  display: grid;
  align-items: center;
  margin-bottom: 20px;
}

section img
{
  position: absolute; 
  aspect-ratio: 16/9;
  z-index: -2;
  width: fit-content;
  align-content: center;
  width: min(1000px, 100%);
  display:none;
}

#afbeelding1
{
  justify-self: end;
}

section #Contactgegevens
{
  justify-self: center;
}

section #Socialmedia
{
  justify-self: center;
}

@media (max-width: 1000px)
{
  section #Contactgegevens, section #Socialmedia
  {
    justify-self: center;
    margin: 0 auto;
  }
  section span
  {
    margin-bottom: 50px;
  }
  section div 
  {
    scale: 1;
  }
  img 
  {
    display: none;
  }
}

section li
{
  margin-right: 10%;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  list-style: none;
}
section li:hover
{
  transform: scale(1.1);
  transition: all 0.3s;
}

section #email li a:active
{
  background-color: var(--Knop-Achtergrond-Actief);
}

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

#Contactgegevens a, #Socialmedia a
{
  background-color: var(--Knop-Achtergrond);
  color: white;
  padding: 15px;
  border-radius: 30px;
}

section #tiktok
{
  background-color: black;
}

section #instagram
{
  background-color: rgba(150, 22, 255, 0.671);
}

section #youtube
{
  background-color: rgb(255, 2, 2);
}