body {
      margin: 0;
      /* background-color: #282a73; */
      background-color: #E4D8B4;
      /* color: #FFFDD0; */
      color: #4A4C4D;
      font-family: 'Autumn Flowers', cursive;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

    h1 {
      margin: 20px;
    }
    img {
        max-width: 90%;
        height: auto;
    }
    img.entrance_logo {
      max-width: 50%;
      height: auto;
      margin-top: 20px;
      margin-bottom: 30px;
    }
    p {
      text-align: center;
      margin: 20px;
      font-size: 2.5rem; /* Default font size for desktop */
      max-width: 80%;
    }

    .buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: 20px;
    }
    .hidden {
      display: none;
    }
    .btn {
        background-color: #C2B28F;
        color: #4A4C4D;
        padding: 15px 32px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
        border: none;
        border-radius: 12px;
        transition: background-color 0.3s ease;
    }

    @media only screen and (max-width: 600px) {
      p {
        font-size: 2rem; /* Font size for mobile devices */
      }
    }