@keyframes gradient-x {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.animate-gradient-x {
    background-size: 200% 200%;
    animation: gradient-x 8s ease infinite;
}

#messageDiv{
    transition: .5s;
}
#loginMessage
{
    opacity: 0;
    transition: opacity 0.5s;
    border-radius: 5px;
    padding:10px 5px;
    background-color: rgba(255,255,255,0.5);
}