body {
    background-color: #EAEAEA;
    position: relative;
    display: flex;
    flex-direction: column; 
    margin: 0; /* Rimuovi margini di default */
    padding: 0; /* Rimuovi padding di default */
    font-family: Arial, sans-serif; /* Aggiungi un font leggibile */
    font-size: 20px !important; /* Aumenta la dimensione uniforme del carattere a 25px */
}

.mathema {
	
    font-weight: bold;
    transition: color 0.1s ease, background-color 0.3s ease; /* Transizione fluida per il colore */
}

.mathema:hover {
    color: #ff7f50; /* Cambia il colore al passaggio del mouse */
    text-decoration: none; /* Aggiungi una sottolineatura, se desiderato */
    background-color: #f0f0f0;
}

* {
    box-sizing: border-box; /* Assicura che il padding e il bordo siano inclusi nelle dimensioni totali degli elementi */
}

body::before {
    content: "";
    background-image: url('logo/logo.jpg'); 
    background-size: contain; 
    background-position: center; 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 200px; 
    position: relative; 
}

/* Stile base per la tabella */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    transition: all 0.3s ease; /* Aggiunta della transizione */
	font-size: 20px !important;
}






/* Stile per le celle */
th, td {
    padding: 10px;
    border: 2px solid #ff0000;
    text-align: left;
    transition: all 0.3s ease; /* Aggiunta della transizione per celle */
	font-size: 20px !important; /* Forza qui se necessario */
	
}

/* Stile per i titoli delle colonne */
th {
    background-color: #f2f2f2;
}

/* Nascondi la tabella su schermi piccoli */
@media (max-width: 600px) {
    table, thead, tbody, th, td, tr {
        display: block;
        width: 100%; /* Assicurati che ogni elemento occupi tutta la larghezza */
        transform: translateY(0); /* Resetta la trasformazione */
    }

    /* Stile per le righe */
    tr {
        margin-bottom: 15px;
        text-align: center; /* Centra il contenuto delle righe */
        transition: all 0.3s ease; /* Aggiunta della transizione per le righe */
    }

    /* Stile per le celle */
    td {
        text-align: center; /* Centra il contenuto delle celle */
        position: relative;
        padding-left: 0; /* Rimuovi padding sinistro */
        transition: all 0.3s ease; /* Aggiunta della transizione per le celle */
		}
	
	

    /* Aggiungi etichette alle celle */
    td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 100%;
        padding-left: 10px;
        font-weight: bold;
        text-align: left; /* Mantieni l'etichetta a sinistra */
    }

    /* Nascondi i titoli */
    th {
        display: none;
    }
}