/* Regole base per la pagina */
body {
background-color: black;
color: red;
font-size: 18px; /* Aumenta leggermente il testo base per una migliore lettura */
line-height: 1.6; /* Aumenta lo spazio tra le righe per facilitare la lettura */
margin: 15px;
}

/* Stile normale del link (senza sottolineatura) */
a {
color: red;
text-decoration: none; /* Rimuove la sottolineatura */
padding: 2px 6px; /* Dà un po' di respiro attorno al testo del link */
transition: background-color 0.2s, color 0.2s; /* Transizione fluida */
}

/* Quando il mouse passa sopra il link (Hover) */
a:hover {
background-color: red; /* Sfondo del link diventa rosso */
color: white; /* Testo del link diventa bianco */
}

/* Regola per schermi piccoli (Smartphones) */
@media (max-width: 600px) {
body {
font-size: 20px; /* Aumenta la dimensione del testo sui telefoni */
margin: 10px;
}

a {
padding: 4px 8px; /* Area di tocco più ampia per le dita */
}
}