@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap");

      * {
        box-sizing: border-box;
      }

      body,
      html {
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #000000;
        
      }

      .main-container {
        position: relative;
        background-image: url(/Assets/ParkerBackground.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #000000;
        color: #000000;
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100vh;
        text-align: center;
        z-index: 1;
        min-width: 360px;
      }

      /* Your custom overlay preserved */
      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(
          to bottom,
          rgba(0, 64, 0, 1) 0%,
          rgba(0, 64, 0, 1) 45%,
          rgba(0, 64, 0, 0.4) 100%
        );
        z-index: 0;
      }

      .content {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
      }

      img.logo {
        max-width: 200px;
        margin-top: 3rem;
      }

      .button-container {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;
      }

      .buy-button {
        background-color: #ffffff;
        color: black;
        font-size: 2.5rem;
        padding: 20px 40px;
        border: none;
        border-radius: 35px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-family: "Roboto Slab", serif;
      }

      .buy-button:hover {
        background-color: #ffd700;
      }

      .footer {
        margin-bottom: 2rem;
        font-size: 2rem;
        color: #fcfcfc;
      }

      /* Responsive Styles */
      @media (max-width: 600px) {
        img.logo {
          max-width: 200px;
          margin-top: 3rem;
        }

        .buy-button {
          font-size: 2.5rem;
          padding: 15px 30px;
          border-radius: 25px;
        }

        .footer {
          font-size: 1.75rem;
          
        }
      }