#sessionAlert {
    color: black;
    background-color: transparent;
    border-radius: 47px;
    display: none;
    padding-top: 0.4%;
    text-align: center;
    font-family: 'Comfortaa', cursive;
    background-image: linear-gradient(147deg,transparent, aqua, magenta, yellow, transparent);
    margin-top: 1%;
    font-size: x-large;
    z-index: 3;
    transition: color 1s;
    animation-name: Alert;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    box-shadow: 0px 0px 20px black;
}

#sessionAlert:hover {
    color: white;
    background-color: transparent;
    background-image: linear-gradient(147deg, transparent, blue, red, darkviolet, transparent);
    margin-top: 1%;
}

@keyframes Alert {
    0% {
        margin-top: -47%;
    }
}

@-webkit-keyframes Alert {
    0% {
        margin-top: -47%;
    }
}

@media only screen and (max-width: 1250px) {
    #sessionAlert {
        color: white;
        background-color: black;
        background-image: linear-gradient(to right, red, magenta);
        font-size: small;
    }
}