@font-face {
    font-family: 'HersheySimplex';
    src: url('assets/fonts/AVHersheySimplexMedium.woff2') format('woff2'),
         url('assets/fonts/AVHersheySimplexMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Ensures text remains visible while the font loads */
}

body {
    height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative; /* Ensure positioning context for the pseudo-element */
    background: rgb(240, 240, 240);
      /* background: linear-gradient(#005b97 0%,
            #008dbe 20%,
            #ffe6f1 58%,
            #ffe6f1 60%,
            #5aff9d 84%); */
    /* background: #bdbdbd; */
}

.index-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/backdrop.webp') no-repeat center center fixed;
    background-size: cover;
    filter: blur(0px) contrast(100%) brightness(1.1);
    z-index: -1;
}


h1 {
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 1.6em;
    font-weight: normal;
    color: rgb(255, 255, 255);
    font-family: 'HersheySimplex', sans-serif;
    text-shadow: 1px 1px 2px #000000, -1px -1px 2px #333333;
    background: rgb(20, 20, 20); /* Change to any highlight color */
    padding: 5px 40px;
}

h2 {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 1.6em;
    font-weight: normal;
    color: rgb(255, 255, 255);
    font-family: 'HersheySimplex', sans-serif;
    text-shadow: 1px 1px 2px #000000, -1px -1px 2px #333333;
    background: rgb(20, 20, 20); /* Change to any highlight color */
    padding: 5px 40px;
}

footer {
    text-align: center;
    color: rgb(0, 0, 0);
    position: absolute;
    bottom: 0; /* Position the footer at the bottom */
    font-family: Arial, sans-serif;
    font-size: 10pt;
    z-index: 2;
  }