/* CSS specifico per la pagina 'I miei 57 titoli preferiti' */

.titoli-page .content {
    text-align: center; /* Centra il testo e le miniature */
    max-width: 800px; /* Larghezza massima per la sezione */
    margin: 0 auto; /* Centra la sezione orizzontalmente */
    padding: 20px; /* Aggiunge spazio intorno alla sezione */
    font-family: "Microsoft Sans Serif", sans-serif; /* Usa il carattere desiderato */
}

.titoli-page .content h1 {
    text-align: center; /* Centra il titolo */
}

.titoli-page .thumbnails {
    display: flex; /* Utilizza il layout flessibile per le miniature */
    flex-direction: column; /* Dispone le miniature in una colonna */
    align-items: center; /* Centra le miniature orizzontalmente */
    gap: 20px; /* Aggiunge spazio tra le miniature */
}

.titoli-page .thumbnail {
    width: 100%; /* Larghezza delle miniature */
    box-sizing: border-box; /* Assicura che il padding sia incluso nella larghezza */
    padding: 10px; /* Spazio intorno alla miniatura */
    text-align: center; /* Allinea il testo al centro */
}

.titoli-page .thumbnail img {
    max-width: 100%; /* Imposta una larghezza massima per le miniature */
    height: auto; /* Mantieni l'aspetto proporzionato */
    display: block; /* Imposta l'immagine come blocco */
    margin: 0 auto; /* Centra l'immagine all'interno del contenitore */
}

.titoli-page .caption {
    font-size: 14px; /* Riduci le dimensioni del carattere per le didascalie */
    margin-top: 10px; /* Aggiunge spazio sopra la didascalia */
}