body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #F9F7EA;
}

h1 {
  color: #ADA147;
  font-size: 1.8rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 11px;
}

a {
  text-decoration: none;
  color: #ADA147;
  font-size: 1.1125rem;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* Hide the mobile heading by default */
.mobileHeading {
    display: none;
  }
  
  /* Show the mobile heading only on small screens */
  @media (max-width: 768px) {
    .desktopHeading {
      display: none;
    }

    .desktopFooter {
        display: none;
    }
  
    .mobileHeading {
      display: block;
    }
  }