body {
    font-family: 'Arial', sans-serif; /* Choose a nice font */
    color: #333; /* Set text color to dark gray */
    background-color: #f4f4f4; /* Set a light beige background */
  }
  
  header {
    background: linear-gradient(to right, #f60303, #4d0000); /* Dark red gradient */
    color: #fff; /* White header text */
    padding: 1rem 0; /* Add some padding */
  }
  
  header h1 {
    text-align: center; /* Center the heading */
  }
  
  header h1 a {
    text-decoration: none; 
  }

  nav ul {
    list-style: none; /* Remove bullet points from navigation */
    padding: 0;
    text-align: center; /* Center the navigation links */
  }
  
  nav li {
    display: inline; /* Display links horizontally */
    margin: 0 1rem; /* Add space between links */
  }
  
  nav a {
    color: #fff; /* White link color */
    text-decoration: none; /* Remove link underlines */
  }
  
  main {
    padding: 2rem; /* Add padding to the main content area */
    text-align: center; /* Center the text */
    font-size: 1.2rem; /* Adjust font size as needed */
  }
  
  main p {
    margin-bottom: 1.5rem; /* Increased spacing */
  }  
  
  main ul {
    list-style: none; /* Remove bullet points */
    padding: 0;
  }
  
  main li {
    margin-bottom: 0.5rem; /* Add spacing between items */
  }
  
  body[data-page="xiaozhan"] main {
    text-align: center; /* Left align the text for xiaozhan page */
    font-size: 1rem; /* Adjust font size as needed */
  }  
  
  .track-page {
    font-size: 0.9em; /* Adjust the value as needed */
  }
  .english {
    color: #800000; /* Set the color to light red */
  }
  
/* Target all iframes with a YouTube embed URL */
iframe[src*="youtube.com/embed/"] {
  width: 100%; /* Make the iframe take up the full width of its container */
  max-width: 854px; /* Adjust the maximum width for larger screens */
  height: 480px;   /* Set a fixed height for larger screens */ 
  display: block; /* Makes the iframe a block-level element */
  margin: 0 auto; /* Centers the iframe horizontally */
}

@media (max-width: 900px) { 
  iframe[src*="youtube.com/embed/"] {
    height: auto; /* Let the height adjust automatically on smaller screens */
  }
}
  
  footer {
    background-color: #f4f4f4; /* Match body background color */
    color: #333; /* Match body text color */
    text-align: center; /* Center the footer text */
    padding: 1rem 0; /* Add some padding */
  }