html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; /* Ensure it spans the entire viewport height */
    overflow: hidden; /* Prevent scrolling */
    background-image: url('../img/Curtains2.png'); /* Set the background image */
    background-size: cover; /* Make the image cover the entire viewport */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}

@font-face {
    font-family: 'Young 20'; /* Name of the font */
    src: url('../crescendo-font/Crescendo-514Pa.ttf') format('truetype'); /* Path to the .ttf file */
}

.citations {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 4;
}

.menu {
    position: absolute;
    left: 30px;
    top: 20px;
    width: fit-content; /* Adjust to fit the image */
    margin: auto; /* Center the menu on the page if desired */
    z-index: 4;
}

.menu {
    display: block; /* Ensures the image is displayed as a block */
    width: 100%; /* Image fills the container */
}

.menu-link {
    position: absolute; /* Position links on top of the image */
    top: 0; /* Align the links with the top of the container */
    height: 100%; /* Full height of the image */
    text-decoration: none; /* Remove underline from links */
    color: transparent; /* Hide link text */
    background-color: rgba(255, 255, 255, 0); /* Transparent background */
}

.buttons {
    width: 240px; /* Adjust as needed */
    height: 100px; /* Adjust as needed */
    border: 1px solid #ccc;
    overflow-y: auto; /* Add vertical scrolling */
    padding: 30px;
    background-color: white;
    border-radius: 24px;
    border-color: white;
}

.buttons h1 {
    font-size: 40px;
    font-family: 'Young 20';
    text-align: center;
}

.buttoncontainer {
    display: flex; /* Enables flexbox */
    margin-top: 20%;
    gap: 50px; /* Adds 50px space between flex items */
    justify-content: center; /* Centers the buttons horizontally */
    align-items: center; /* Aligns the buttons vertically (if needed) */
}