/* Make the body fill the entire viewport and set the background to black */
body {
    margin: 0;                /* Remove default margins */
    padding: 0;               /* Remove default padding */
    height: 100vh;            /* Full height of the viewport */
    background-color: black;  /* Black background */
    color: white;             /* Optional: White text color for visibility */
    display: flex;            /* Center content vertically and horizontally */
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif; /* Basic font styling */
}

/* Style for modal container (optional, for the modal popup) */
.modal-container {
    background: rgba(0, 0, 0, 0.8); /* Semi-transparent black background */
    border: 1px solid white;       /* Optional: White border for the modal */
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}

/* Style the modal close button */
.modal-close {
    background: none;
    border: none;
    color: white;
    font-size: 1.2em;
    cursor: pointer;
}

/* Optional: Style for any links */
a {
    color: white;
    text-decoration: underline;
}