body {
      background: url(images/cloudwall.jpg) no-repeat center center fixed;
      background-size: cover;
       font-family: 'Merriweather', serif;
       /* padding: 35px; */
      text-align: center;

    }

    .overlay {
      background-color: rgba(255, 255, 255,0); /* white with 80% opacity */
      min-height: 100vh;
      padding: 2rem;
    }

   .navbar {
      background-color: rgba(255, 255, 255, ) !important;
      backdrop-filter: blur(0px);
      box-shadow: none;
      font-family: 'Merriweather', serif;
    }

    .navbar .navbar-brand {
      font-size: 2.8rem;
      color: #333;
    }

    .navbar .tagline {
      font-size: 1.5rem;
      color: #333;
    }

    .tagline-main {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      color: #333;
      padding-top: -14vh;
      padding-left: 25vw;
      padding-right: 25vw;
    }

    .tagline-sub {
      font-size: 1.3rem;
      margin-bottom: 1.8rem;
      color: #333;
    }

    .btn-goo {
      font-family: 'Merriweather', serif;
      font-weight: 700;
      font-size: 1.2rem;
      padding: 0.6rem 2rem;
      border-radius: 30px;
      background: #007bff;
      border: none;
      color: white;
      transition: background-color 0.3s ease;
    }

    .btn-goo:hover {
      background: #0056b3;
      color: white;
      text-decoration: none;
    }

    .footer {
    font-family: 'Merriweather', serif;
    background-color: rgba(255, 255, 255, 0);
    backdrop-filter: blur(0px);
    padding: 2rem;
    color: #333;
     padding-left: 25vw;
      padding-right: 25vw;
  }

  .footer h5 {
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .footer a {
    color: #333;
    text-decoration: none;
    margin-right: 1rem;
    font-size: 1.4rem;
  }

  .footer a:hover {
    color: #007bff;
  }