#loading {
    transition: opacity 0.5s ease-out;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.animated-bg {
    background: linear-gradient(to right, #ff5858, #f09819);
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
}

.button {
    transition: all 0.3s ease;
}

.button:hover {
    background-color: #32332d;
}

.button:hover .button-text {
    color: #fff;
}