/* Center the main page headers */
h1, h2, h3 {
  text-align: center;
}

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

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

/* Body styling */
body {
  background-color: #f4f4f4; /* soft neutral gray */
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px;
}

/* General image styling — prevents huge images */
img {
  max-width: 600px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Specific image class for Page 2 */
.artist-image {
  max-width: 40%;
  height: auto;
  display: block;
  margin: 20px auto;
}

/* Center figure and its image */
figure {
  text-align: center;
}

figure img {
  display: block;
  margin: 0 auto;
}

/* Center unordered lists */
ul {
  width: fit-content;
  margin: 0 auto;
  text-align: left;
}

/* Center audio player */
audio,
.center-audio {
  display: block;
  margin: 20px auto;
}

/* Video container for YouTube embed (Page 3 requirement) */
.video-container {
  text-align: center;
  margin: 20px auto;
}

.video-container iframe {
  max-width: 100%;
}

.video-container figcaption {
  margin-top: 8px;
}