/* Center the h1 element and add top padding */
h1 {
    text-align: center;        /* Align text to the center */
    padding-top: 20vh;        /* Add vertical padding from the top equal to 20% of the viewport height */
    font-size: 5rem;          /* Set the font size to 5 rem (root em) units for scalability */
}

/* Style for a custom table */
.custom-table {
    width: 90%;                /* Set the table width to 90% of its parent container */
    margin-left: auto;        /* Center the table horizontally */
    margin-right: auto;       /* Center the table horizontally */
    margin-bottom: 50vh;      /* Add bottom margin equal to 50% of the viewport height */
}

/* Input field for date with a specific width */
.input-date {
    width: 7vw;               /* Set the width to 7% of the viewport width */
}

/* Style for the date column in a table */
#datecol {
    width: 20%;               /* Set the width of this column to 20% */
}

/* Style for buttons */
button {
    border: none;             /* Remove the default border */
    outline: none;            /* Remove the default outline on focus */
    background-color: #00000000; /* Set background color to transparent (fully transparent) */
}

/* Container for the search functionality */
.search-container {
    display: flex;            /* Use flexbox for layout */
    justify-content: flex-end; /* Align flex items to the right end */
    margin-right: 5vw;       /* Add right margin to create space from the edge */
}

/* Style for the search input field */
.search-bar {
    width: 25%;              /* Set the width of the search bar to 25% of the parent container */
    margin-right: 1vw;       /* Add right margin for spacing between the input and button */
}