header {
  margin: left;
  max-width: 60ch;
}

.cover {
  height: 85vh;
}

.cover img {
  max-width: 100%;
  height: auto;
}

body {
  margin-left: 10%;
  margin-right: 10%;
  background-color: #d2d2ed;
  color: black;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

header {
    font-family: "walter Turncoat", cursive;
}
img {
  max-width: 70%;
  height: auto;
  align-content: center;
}
p, h1, h2, h3, body{
  font-family: "walter Turncoat", cursive;
}
h1 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* Kolommen */
.kolommen {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}

.sounds {
  float: right;
  margin-left: 20px; /* space between text and image */
}