body {
  background-color: black;
  align-items: center;
  text-align: center;
}

h1,
h2,
h3,
p {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: gray;
  font-weight: lighter;
  font-style: italic;
}

hr {
  width: 50px;
  height: 2px;
  background-color: rgb(71, 71, 71);
  border: none;
}

/* about */
.about-title {
  margin-top: 100px;
}

.about-text {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  min-width: 250px;
  max-width: 600px;
}

.about-text a {
  text-decoration: none;
  color: white;
}

.about-selfie {
  width: 250px;
  border-radius: 8px;
}

.about-zurück {
  margin-top: 50px;
  margin-bottom: 30px;
  background-color: rgb(26, 88, 88);
  color: white;
  height: 30px;
  width: 100px;
  border: none;
  border-radius: 8px;
}

.about-zurück:hover {
  cursor: pointer;
  background-color: rgb(20, 59, 59);
  font-weight: bold;
}
/* content */
.content-button {
  margin-top: 50px;
  background-color: rgb(26, 88, 88);
  color: white;
  height: 50px;
  width: 250px;
  border: none;
  border-radius: 8px;
}

.content-button:hover {
  cursor: pointer;
  background-color: rgb(20, 59, 59);
  font-weight: bold;
}

.content-link {
  text-decoration: none;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 10px;
}

.content-audio {
  margin-top: 30px;
}

/* footer */
footer {
  margin-top: 100px;
}

footer a {
  text-decoration: none;
  color: white;
}