#splashScreen {
    background-image: url(images/rosso_autunno.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#languageScreen {
    background-image: url(images/piazza-ducale-bg-white.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



#languageScreen .overlay, #modeScreen .overlay {
    background: #9a1c1c;
}


.logo {
    width: 140px;
    height: 140px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 1.0rem;
    background-image: url('./images/img.png');
    background-size: cover;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    padding: 20px;
}



.toggle-button, #languageButton, #modeButton, .modeButton, .toggle-button:hover, #languageButton:hover, #modeButton:hover, #languageButtonList, #languageButtonList:hover, #modeButtonList, #modeButtonList:hover  {
    color: white;
    background: #9a1c1c !important;
}

#listScreen {
    background: #9a1c1c !important;
}

.list-item-content {
    color: #9a1c1c !important;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background: #9a1c1c !important;
}

#detailScreen {
    background: #9a1c1c !important;
}