#notification {
    position: fixed;
    font-size: 1.3em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #58a155;
    color: black;
    padding: 15px;
    border-radius: 5px;
    z-index: 1000;
    opacity: 0; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    text-align: center;
    transition: opacity 0.5s ease, visibility 0.5s ease; /* Fade in and out */
}

#notification.show {
    opacity: 1; /* Visible */
    visibility: visible; /* Visible */
}