body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  background: #111;
  color: #fff;
  text-align: center;
}

nav {
  background: #222;
  padding: 1rem;
}
nav a {
  margin: 0 1rem;
  color: #aaa;
  text-decoration: none;
}
nav a.active, nav a:hover {
  color: #fff;
}

.hero {
  padding: 5rem 2rem;
  background: linear-gradient(to right, #ff6a00, #ee0979);
  border-radius: 0 0 2rem 2rem;
}

#player {
  margin-top: 2rem;
  background: #222;
  padding: 1rem;
  border-radius: 1rem;
}
audio {
  width: 80%;
}
button {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  background: #ff6a00;
  color: #fff;
  cursor: pointer;
}
button:hover {
  background: #ee0979;
}