#toast-container {
    position: fixed; /* Or absolute, depending on your layout */
    top: 20px; /* Or top, left, right, etc. */
    left: 50%; /* Or top, right, etc. */
    transform: translateX(-50%); /* Center the toast */
    background-color: black; /* Semi-transparent background */
    color: white;
    font-size: 1.8em;
    line-height: .9em;  
    padding: 10px 20px;
    border-radius: 10px;
    z-index: 1000; /* Ensure it's on top */
}
  
#toast-message {
    margin: 0; /* Remove default margin */
}

.fade-in-out { 
    opacity: 0;
    animation: fadeInOut 6s;
}

@keyframes fadeInOut {
    0%,100% { opacity: 0; }
    50% { opacity: 1; }
}