#MessageSection {
    position: relative; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    width: 100px;
}

.alert {
    position: absolute;
    top: 20%;
    left: 40%;
    width: 110px; 
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(135deg, #e0e0e0, #b0b0b0); 
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000; 
    text-align: center;
}

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

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

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

.alert-danger {
    background: linear-gradient(135deg, #e60000, #cc0000);
    border: 1px solid #dc3545;
}

.alert strong {
    display: block;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.alert p {
    margin: 0;
}