body {
    margin: 0; /* Remove default body margins */
    display: flex; /* Enable flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    min-height: 100vh; /* Ensure the body takes up at least the full viewport height */
  }
  
  .iframe-container {
    position: relative; /* Needed for aspect ratio if used */
    overflow: hidden; /* Hide potential iframe overflow */
    max-width: 100%; /* Prevent iframe from exceeding viewport width */
    width: 80%; /* Example width, adjust as needed */
    height: 80%; /* Example height, adjust as needed */
    /* If you want to maintain aspect ratio use padding-bottom trick */
    /* padding-bottom: 56.25%; /* 16:9 aspect ratio (height/width * 100) */
  }
  
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Remove default iframe border */
  }