/* Create a full page overlay */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #0077b5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;  /* This will stack the logo and the paragraph vertically */
}

/* Set the logo size and maximum size */
#logo {
    width: 50vw; /* 50% of the viewport width */
    max-width: 480px; /* but no larger than 480px */
    height: auto; /* this will maintain the original aspect ratio */
}

/* Style the load percentage */
#loadPercentage {
    color: #ffffff; /* Make the text white so it's visible against the blue background */
    font-size: 2em; /* Make the text twice as large as the default text size */
    margin-top: 1em; /* Add some space between the logo and the text */
}