/* Apply background, font, and margin to the whole page */
body {
  background-color: lightblue;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px;
}

/* Center the main page header */
h1 {
  text-align: center;
}

/* Center the navigation links */
nav {
  text-align: center;
}

/* Centering the image */
img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

/* Centering the h2 headings */
h2 {
  text-align: center;
}

/* Centering the iframe */
iframe {
  display: block;
  margin: 0 auto;
  width: 50%;
  height: 500px; /* Adjust height as needed */
}

/* Centering the audio player */
audio {
  display: block;
  margin: 0 auto;
  width: 300px; /* Adjust width as needed */
}

/* Center the footer content */
footer {
  text-align: center;
}