* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.page {
    transition: transform 0.1s ease-in-out;
}

.download.page {
    width: 100%;
    height: auto;
    max-width: 8.5in;
    max-height: 11in;
}

#loading-progress-bar {
    transition: all 1s ease-in-out;
}

#home-btn {
    padding: 15px;
    background: linear-gradient(45deg, #8911fa, #007D3A, #E02241, #374151);
    background-size: 500% 500%;
    color: white;
    border-radius: 10px;
    animation: 5s bg-color infinite alternate-reverse;
    animation-play-state: running;
    width: 300px;
}


/* Show the shadow effect on hover */
#home-btn:hover {
    opacity: 1;
    box-shadow: 0 -2px 10px 2px #E02241
                2px 0 10px 2px #8911fa
                0 2px 10px 2px #007D3A
                -2px 0 10px 2px #374151;
}

/* Keyframes for running border shadow */
@keyframes running-shadow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes bg-color {
    from {
        background-position: 0 50%;
    }
    to {
        background-position: 100% 50%;
    }
}