@font-face {
  font-family: 'BergenSans';
  src: url('../fonts/bergen-sans-regular.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {
      margin: 0;
      font-family: 'BergenSans';
      background: url('../../assets/images/27cc58316b7d8f226f9013058a039c87.png') no-repeat center center/cover;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    /* Centered container */
    .hero {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 2rem;
    }

    h1 {
      font-size: 2.5rem;
      color: #fff;
      margin-bottom: 2rem;
    }

     .btn {
      padding: 1em 2em;
      font-size: 1.2rem;
      border: none;
      border-radius: 2em;
      background: #fff;
      color: #4a2e1d;
      cursor: pointer;
      font-weight: bold;
      transition: 0.3s ease;
      text-decoration: underline;   /* underline text */
      text-underline-offset: 0.3em; /* spacing from text */
    }

    .btn:hover {
      background: #f0f0f0;
    }

     footer {
         position: fixed;
    bottom: 0;
    width: 100%;
      text-align: center;
      padding: 0.5rem 1rem;
      font-size: 1.1rem;
      color: white;
      background-color: black;
    }

    footer a {
      color: white;
      text-decoration: none;
      margin: 0 1rem;
      font-size: 0.9em;
      transition: color 0.3s ease;
    }

    footer a:hover {
      color: #fff;
      text-decoration: none;
    }

    /* Mobile background */
    @media (max-width: 768px) {
      h1 {
        font-size: 2rem;
      }
    }