/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    display: none;
    background-color: #eadb7b;
    border: 2px solid;
    color: #594f14;
    text-align: center;
    padding: 0.5vh 1vh;
    font-size: 2.5vh;
    position: fixed;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
    bottom: -100px;
    max-width: calc(min(90vw, 400px));
    width: max-content;
}