/*
    about_desktop.css
    Stili specifici per il contenuto della pagina About (versione desktop).
*/

/* Contenitore principale */
#main-container {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    /* Padding per desktop */
    overflow-x: hidden;
    /* Nasconde la barra di scorrimento orizzontale */
    overflow-y: auto;
    /* Mantiene lo scorrimento verticale se necessario */
}

/* Stili per i contenuti */
#about-content {
    max-width: 800px;
    /* Larghezza massima per desktop */
    width: 95%;
    /* Larghezza percentuale per adattarsi a finestre desktop ridimensionate */
    margin: 0 auto;
    text-align: left;
    padding: 0 10px;
    /* Padding laterale per desktop */
    box-sizing: border-box;
    font-family: 'Sigmar';
    color: rgb(206 255 20);
}

h1 {
    font-size: clamp(1.2em, 4vw, 1.8em);
    /* Dimensione fluida per desktop */
    text-align: center;
    margin-bottom: 0.5em;
    font-family: 'Act Of Rejection', 'Sigmar', cursive, sans-serif;
    color: var(--color-accent);
    word-wrap: break-word;
}

h2 {
    font-size: clamp(1em, 3.5vw, 1.5em);
    /* Dimensione fluida per desktop */
    margin: 1em 0 0.5em;
    text-align: center;
    font-family: 'Act Of Rejection', 'Sigmar', cursive, sans-serif;
    color: var(--color-accent);
    word-wrap: break-word;
}

p {
    line-height: 1.5em;
    margin: 0.8em 0;
    font-size: clamp(0.8em, 2vw, 1em);
    /* Dimensione fluida per desktop */
    text-align: justify;
}

ul {
    margin: 0.8em 0;
    line-height: 1.5em;
    font-size: clamp(0.8em, 2vw, 1em);
    /* Dimensione fluida per desktop */
}

.contact-emails {
    margin: 0.8em 0;
    font-size: clamp(0.8em, 2vw, 1em);
    /* Dimensione fluida per desktop */
    word-wrap: break-word;
}