/* Stili per il corpo della pagina (body) */
body {
    /* Imposta lo sfondo della pagina su #0D0D0D (quasi nero) */
    background-color: #0D0D0D; 
    /* Rimuove i margini di default del body */
    margin: 0;
    /* Assicura che la body occupi l'intera altezza della viewport */
    min-height: 100vh;
    /* Usa Flexbox per la centratura verticale e orizzontale */
    display: flex;
    /* Centra l'elemento figlio (div) orizzontalmente */
    justify-content: center;
    /* Centra l'elemento figlio (div) verticalmente */
    align-items: center;
    /* Tipo di carattere base */
    font-family: Arial, sans-serif;
    /* Imposta il colore del testo per gli elementi che non lo hanno specificato */
    color: white; 
}

/* Stili per il contenitore centrato */
.contenitore-centrale {
    /* Aggiunge un po' di spazio interno per non far toccare il testo ai bordi */
    padding: 30px 50px;
    /* Rende gli angoli arrotondati per un look più gradevole */
    border-radius: 10px;
    /* Centra il testo all'interno della div */
    text-align: center;
    /* Imposta una larghezza massima per contenere il testo */
    max-width: 90%; 
    /* Aggiunge un'ombra leggera per far risaltare il box */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Stili per il titolo principale (h1) */
h1 {
    /* Imposta il colore del titolo su #14A1D9 (blu brillante) */
    color: #14A1D9; 
    /* Rimuove il margine inferiore di default per avvicinarlo al sottotitolo */
    margin-bottom: 5px;
    /* Imposta la dimensione del carattere */
    font-size: 2.5em;
}

/* Stili per il sottotitolo (p) */
.sottotitolo {
    /* Il testo del sottotitolo sarà bianco (ereditato dal body) */
    color: white; 
    /* Rimuove il margine superiore di default */
    margin-top: 0;
    /* Imposta la dimensione del carattere */
    font-size: 1.2em;
	/* Imposta il colore del sottotitolo su #FA3065 (rosso acceso) */
    color: #FA3065; 
}