/* custom css */
    :root {
        --pico-border-radius: 2rem;
        --pico-typography-spacing-vertical: 1.5rem;
        --pico-form-element-spacing-vertical: 1rem;
        --pico-form-element-spacing-horizontal: 1.25rem;
        --pico-font-family-sans-serif: "Inter", sans-serif;
        --pico-font-weight: 100;
        --pico-font-style: normal;
    }
    h1 {
        --pico-font-family: "Bebas Neue", sans-serif;
        --pico-font-weight: 400;
        --pico-font-size: 40px;
        --pico-typography-spacing-vertical: 0.5rem;
    }
    h2 {
        --pico-font-family: "Inter", sans-serif;
        --pico-font-weight: 200;
        --pico-font-size: 24px;
        --pico-typography-spacing-vertical: 0.5rem;
    }
    p {
        --pico-font-family: "Inter", sans-serif;
        --pico-font-weight: 100;
        --pico-font-style: normal;
        --pico-typography-spacing-vertical: 0.2rem;
    }
    ul, li {
        --pico-font-family: "Inter", sans-serif;
        --pico-font-weight: 100;
        --pico-font-style: normal;
        --pico-typography-spacing-vertical: 0.2rem;
    }
    button {
        --pico-font-weight: 700;
    }
    footer a {
        color: #275DAD;
        text-decoration: none;
        font-weight: normal;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    [data-theme="light"], :root:not([data-theme="dark"]) {
    --pico-background-color: #F9FAFB; 
    }

    @media only screen and (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --pico-background-color: #2D3436;
    }
    }