/* The snackbar - position it at the bottom and in the middle of the screen */
.snackbar {

    max-width: 80vw;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    /* Sit on top of the screen */
    z-index: 6000;
    left: 0;
    right: 0;
    top: 20%;
    margin-left: auto; 
    margin-right: auto; 
    position: absolute;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-family: Arial;
    font-size: x-large;

}

.snackbar .btn_close {
    margin-left: 1em;
    cursor: pointer;
    padding: 0.5em;
    border-radius: 50%;
}

.snackbar .btn_close:hover {
    background-color: #808080a6;
}