body {
    font-family: "Roboto Slab", serif; /* Apply Google Font */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #000000;
    margin: 0;
    overflow: hidden;
    position: relative;
  }

  h1 {
    color: #ffffff;
    z-index: 1;
    font-size: 1.75rem; /* Increased size slightly */
    font-weight: 700; /* Bold weight for emphasis */
    text-align: center;
    padding: 0 20px;
    margin: 0; /* Reset margin for consistency */
  }

  p {
    color: rgba(
      224,
      224,
      224,
      0.8
    ); /* Lighter color with reduced opacity */
    font-size: 0.9rem; /* Increased size slightly */
    font-weight: 400; /* Regular weight for body text */
    text-align: center;
    margin-top: 10px;
    z-index: 1;
    max-width: 600px; /* Optional: limit width for better line length */
    line-height: 1.5; /* Improved line height for readability */
  }

  video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
  }

  img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }

  /* Telegram Icon Container */
  .telegram-icons {
    margin-top: 20px;
    z-index: 1;
    display: flex;
    flex-direction: column; /* Align icons vertically */
    align-items: center; /* Center icons horizontally */
  }

  .telegram-icon {
    display: flex;
    align-items: center; /* Center the icon and label vertically */
    margin: 10px 0; /* Add margin between icons */
  }

  .telegram-icon a {
    color: #0088cc; /* Telegram default color */
    text-decoration: none; /* Remove underline from the link */
    display: flex;
    align-items: center; /* Center icon and label */
    font-size: 1.5rem; /* Match link text size with overall text size */
  }

  .telegram-icon i {
    font-size: 3rem; /* Size of the icon */
  }

  .telegram-label {
    color: #ffffff; /* Label color */
    font-size: 1.5rem; /* Size of the label */
    margin-left: 10px; /* Space between icon and label */
  }

  /* Media Queries for Mobile */
  @media only screen and (max-width: 768px) {
    h1 {
      font-size: 1.5rem; /* Adjust font size for smaller screens */
    }
    p {
      font-size: 0.75rem; /* Adjust paragraph size for smaller screens */
    }
    .telegram-icon a {
      font-size: 1.2rem; /* Adjust link text size for smaller screens */
    }
    .telegram-icon i {
      font-size: 2.5rem; /* Adjust icon size for smaller screens */
    }
    .telegram-label {
      font-size: 1.2rem; /* Adjust label size for smaller screens */
    }
  }

  @media only screen and (max-width: 480px) {
    h1 {
      font-size: 1.25rem; /* Further adjust font size for mobile */
    }
    p {
      font-size: 0.5rem; /* Further adjust paragraph size for mobile */
    }
    .telegram-icon a {
      font-size: 1rem; /* Further adjust link text size for mobile */
    }
    .telegram-icon i {
      font-size: 2rem; /* Further adjust icon size for mobile */
    }
    .telegram-label {
      font-size: 1rem; /* Further adjust label size for mobile */
    }
  }