/* General Page Setup */
html, body {
    margin: 0;
    padding: 0;
    font-family: "Verdana", "Arial", sans-serif;
    font-size: 11pt;
    color: black;
    background-color: #a9cce3;
    height: 100%;
    overflow-y: auto; /* Enable vertical scrolling */
}

/* Header Section */
.Header {
    position: fixed; /* horiz scrolling */
    top: 0;
    left: 0;
    width: 100%;
    background: url(../images/Sky.jpg);
    z-index: 1000; /* Ensure it stays on top */
    overflow-y: auto; /* Enable header scrolling */
}
.HeaderTable {
    width: 100%;
    margin: 0;
}

.HeaderLogo {
    padding: 1rem;
}

.HeaderTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 3rem;
    color: #FFFFFF;
    text-shadow: 3px 2px 2px #3000FF;
}

.HeaderNavbar {
    text-align: center;
    vertical-align: bottom;
}

/* Navbar Styling */
.Navbar table {
    margin: auto;
}

.Navbar td {
    padding: 0.5rem 1rem; /* Add space between buttons */
}

.Navbar a {
    display: inline-block;
    text-decoration: none;
    color: blue;
    font-weight: bold;
    background-color: #E8E8FF;
    border: 2px solid #8080CF;
    padding: 5px 10px; /* Button padding */
    border-radius: 8px; /* Rounded corners */
    margin: 0 5px; /* Add horizontal spacing between buttons */
    text-align: center;
}

.Navbar a:hover {
    color: white;
    background-color: #8080CF;
    border-color: #3000FF;
}

/* "Dead" Buttons (Inactive) */
.Navbar .Dead {
    display: inline-block;
    color: gray;
    background-color: #D0D0D0;
    padding: 5px 10px;
    border: 2px solid #A0A0A0;
    border-radius: 8px;
    margin: 0 5px;
}

/* Title Styling */
.Title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #E8E8FF;
    color: #000080;
    padding: 0.5rem;
    margin: 0;
}

/* Main Content Section */
.MainContent {
    margin-top: 200px; /* Add space below the fixed header */
    padding: 20px;
    line-height: 1.6;
}
.YearCollection {
    border: 2px solid black; /* Adds a black border around each year list */
    border-radius: 5px; /* Optional: Rounds the corners of the border */
    padding: 10px; /* Adds some space inside the border */
    margin: 10px; /* Adds space between the year lists */
    width: 100%; /* Ensures consistent width */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Optional: Adds a shadow for a polished look */
}
.input-table {
    border: 2px solid black;
            display: flex;
            flex-wrap: wrap;
            gap: 200px;
}
/* Footer Section */
.Footer {
    text-align: center;
    border-top: 3px solid black;
    background-color: #F8F8F0;
    padding: 1em 0;
    margin-top: 20px;
    width: 100%; /* Ensures the footer spans the full width */
    box-sizing: border-box; /* Includes padding and border in width calculation */
}
.Small {
    font-size: 0.75em;
}