/* Loader Styles */
#loader {
    display: flex;
    justify-content: center; /* Horizontally centers the content */
    align-items: center; /* Vertically centers the content */
    position: fixed; /* Ensures it covers the entire viewport */
    top: 0;
    left: 0;
    width: 100%; /* Full width of the viewport */
    height: 100%; /* Full height of the viewport */
    background-color: #f9f9f9;
    z-index: 1000; /* Places the loader above all other elements */
    font-size: 20px;
    font-weight: bold;
    color: #333;
}



/* Page content initially hidden */
#content {
    display: none;
}