html, body {
  margin: 0;
  padding: 0;
  height: 40vh; /* viewport hoogte */
  display: flex;
  justify-content: center; /* horizontaal centreren */
  align-items: center;     /* verticaal centreren */
  flex-direction: column;  /* zodat meerdere regels netjes onder elkaar komen */
  color: #d394e7;
  font-family: monospace;
  text-align: center;      /* centreren van de tekstregels zelf */
  background: transparent; /* zodat je html achtergrond zichtbaar blijft */
}

body {
  background: transparent;
  position: relative;
}

.background {
  position: fixed; /* blijft op dezelfde plek */
  top: 0;
  left: 0;
  width: 100%;
  height: 120%; /* iets groter dan viewport voor vloeiend scrollen */
  background-image: url("images/muur1.webp");
  background-size: cover;
  background-position: center;
  z-index: -1; /* onder de tekst */
  transform: translateY(0); /* later met JS aanpassen voor movement */
}