#lyricscontent {
      background-color: #1c2833; /* Slightly darker theme */
      font-family: 'Nunito', sans-serif; /* Applied Google Font */
      min-height: 100vh; /* Ensure it covers the entire viewport height */
      padding-top: 20px; /* Optional padding */
    }
    #lyricscontent .main-content {
      background-color: #34495e; /* Darker card background */
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      color: #ecf0f1; /* Light font color */
    }
    #lyricscontent .sidebar {
      background-color: #2c3e50;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    #lyricscontent .section-title {
      color: #ecf0f1;
      font-weight: bold;
    }
    #lyricscontent .lyrics-title {
      font-size: 2rem; /* Larger text for title */
    }
    #lyricscontent .lyrics-subtitle {
      font-size: 1.5rem; /* Medium text for subtitle */
    }
    #lyricscontent .attribution {
      font-size: 1.2rem; /* Responsive size for attribution */
      color: #bdc3c7; /* Lighter color for attribution */
    }
    #lyricscontent .list-group-item {
      background-color: transparent;
      border: none;
      padding: 0.5rem 0;
    }
    #lyricscontent .list-group-item a {
      text-decoration: none;
      color: #1abc9c; /* Custom link color */
      font-weight: 600;
    }
    #lyricscontent .list-group-item a:hover {
      text-decoration: underline;
      color: #16a085;
    }
    #lyricscontent .video-frame {
      border: 3px solid #34495e; /* Darker border for video frame */
      border-radius: 10px; /* Rounded corners for the frame */
      margin-bottom: 20px; /* Spacing below the frame */
      background-color: #2c3e50; /* Background color for frame */
      overflow: hidden; /* Ensures the frame does not exceed its bounds */
      max-width: 600px; /* Set maximum width for the video frame */
      margin-left: auto; /* Center the frame horizontally */
      margin-right: auto; /* Center the frame horizontally */
    }
    #lyricscontent .video-title {
      color: #bdc3c7;
      text-align: center; /* Centered title */
      margin: 0; /* No margin */
      padding: 10px; /* Padding for the title */
      background-color: #34495e; /* Darker background color for title */
      border-radius: 10px 10px 0 0; /* Rounded corners for top */
      font-weight: 600; /* Bold font for title */
    }
    #lyricscontent .video-message {
      color: #bdc3c7;
      text-align: center; /* Centered message */
      margin: 0; /* No margin */
      padding: 10px; /* Padding for message */
      background-color: #34495e; /* Darker background color for message */
      border-radius: 0 0 10px 10px; /* Rounded corners for bottom */
    }
    #lyricscontent .embed-responsive {
      padding-top: 56.25%; /* 16:9 Aspect Ratio */
      position: relative;
      height: 0;
      overflow: hidden;
    }
    #lyricscontent .embed-responsive iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; /* Full height to match the frame */
    }
    #lyricscontent h2 {
      font-size: 1.5rem;
      color: #bdc3c7;
    }
    #lyricscontent hr {
      border: none;
      border-top: 1px solid #ccc; /* Adjust color and thickness */
      margin-top: 10px;
    }
    @media (max-width: 768px) {
      #lyricscontent .main-content {
        margin-bottom: 30px;
      }
      #lyricscontent .lyrics-title {
        font-size: 1.75rem; /* Responsive title size for smaller screens */
      }
      #lyricscontent .lyrics-subtitle {
        font-size: 1.25rem; /* Responsive subtitle size for smaller screens */
      }
      #lyricscontent .attribution {
        font-size: 1rem; /* Smaller size for attribution on smaller screens */
      }
      #lyricscontent h2 {
      font-size: 1.3rem;
      }
    }