body {
    font-family: 'Merienda', sans-serif;
    background-color: #585857; /* Colore di sfondo scuro */
    color: #EEB846; /* Colore del testo principale */
}

.spinner-border {
    width: 3rem;
    height: 3rem;
    color: #EEB846; /* Colore del bordo dello spinner */
}

.transition-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    text-align: center;
}

.logo {
    max-width: 300px;
    margin-bottom: 20px;
}

h4 {
    color: #EEB846; /* Colore del testo di attesa */
}

.error-message {
    display: none;
    background-color: #934E52; /* Colore dello sfondo del messaggio di errore */
    color: #FFFFFF; /* Colore del testo del messaggio di errore */
    border-color: #415475; /* Colore del bordo del messaggio di errore */
    padding: 30px;
    font-size: xx-large;
}