@keyframes slideInFromTop {
from {
    transform: translateY(-100%);
}
to {
    transform: translateY(0);
}
}

.header-message {
    position: relative;
    animation: slideInFromTop 0.5s ease-out forwards;
    top: 0;
    font-size: 16px;
    text-align: center;
    background-color: #efe0ff;
    width: 100%;
}