/* COLOR */

    /* Light theme styles go here */
    @media (prefers-color-scheme: light) {
        body {
            background-color: #9DFF00;
            color: #111111;
        }
        p, h1, a, a:link, a:visited, a:focus, a:hover, a:active, path{
            color: #111111;
        }

        path {
            fill: #111111;
        }

    }
    /* Dark theme styles go here */
    @media (prefers-color-scheme: dark) {
        body {
            background-color: #2d2d2d;
            color: #131313;
        }
        a, a:link, a:visited, a:focus, a:hover, a:active{
            color: #131313;
        }

        path {
            fill: #131313;
        }
    }
    
    a {
        text-decoration-thickness: 1.5px;
    }
    body, html{
        margin: 0rem;
        padding: 0rem;
        height: 100%;
    }

    body {
        display: flex;
        flex-direction: column;  /* Allinea gli elementi in colonna */
        justify-content: center; /* Centra verticalmente */
        align-items: center;     /* Centra orizzontalmente */
        height: 100vh;           /* Imposta l'altezza al 100% della viewport */
        text-align: center;
    }
    
    p {
        font-size: 1.2rem;
        line-height: 105%;
        margin-block-start: 0rem;
        margin-block-end: 1.25rem;
        margin-inline-start: 0rem;
        margin-inline-end: 0rem;
        text-align: center;
        font-kerning: auto;
    }

    h1 {
        font-size: 4rem;
        line-height: 80%;
        margin-block-start: 0rem;
        margin-block-end: 0.8rem;
        margin-inline-start: 0rem;
        margin-inline-end: 0REM;
        text-align: center;
        font-kerning: 100;

    }

    @media (min-width: 660px) {

    }