@font-face {
    font-family: 'BianZhiDai';
    src: url('fonts/bianzhidai_noBG-Messier.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BianZhiDai-BG';
    src: url('fonts/bianzhidai-Messier.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avara';
    src: url('fonts/Avara-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'BianZhiDai', sans-serif;
    color: #f5e2d5;
    display: flex;
    justify-content: center;   /* Centers horizontally */
    align-items: center;       /* Centers vertically */
    height: 100vh;              /* Full viewport height */
    margin: 0;                  /* Remove default body margin */
    background: #12142e;        /* Optional background color */
}

.container {
    text-align: center;         /* Centers text inside the container */
}

h1 {
    font-size: 5rem;  /* Make the header bigger */
    margin-bottom: 20px;
    font-family: 'Avara', sans-serif;
}


.glyph {
  position: fixed;
  bottom: 32px;
  right: 32px;
  font-size:10rem;
  color: #f5e2d5; 
}

.download-link {
  font-family: 'BianZhiDai-BG', sans-serif;
    font-size: 3rem;  /* Make the download link a bit bigger */
    color: #daf736;
    text-decoration: none;
}