body {
      font-family: sans-serif;
      margin: 0;
      padding: 2rem;
      background: #080808;
      color: #f5f5f5;
      text-align: center;
    }
    h1 {
      font-size: 3rem;
    }
    a {
      color: #00ffff;
      text-decoration: none;
    }
    .profile-pic {
      width: 300px;
      height: auto;
      border-radius: 10px;
      display: block;
      margin: 20px auto;
    }
    .italic {
      font-style: italic;
    }
    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 aspect ratio */
      height: 0;
      overflow: hidden;
      max-width: 100%;
      width: 100%;
      margin: 0 auto;
    }

    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

        /* On bigger screens (PC), limit max width */
    @media (min-width: 768px) {
      .video-container {
        max-width: 600px; /* or whatever max width you want */
      }
    }