/*
    Standard Footer v1.0 | 23.08.2022
    "footer.css"
    by Valentin Müller

    Stylable Elements:

        General:

            <h6>
            <p>
            <a>
        
        Explicit:

            .about
            .links
            .contact
            .copyright
    
    Needed Files:
        "standard-values.css"
        "reset.css"
*/

@import 'standard-values.css';

:root {
    /* Variables:*/

    --footer-items: 3;          /* Set this to the number of Items visible in the footer | Default: [4] */
}

footer {
    font-size: var(--standard-text);
    font-family: var(--standard-font);
    padding: 10px;
    background-color: var(--l-secondary-color);
    color: var(--l-primary-color);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    box-sizing: border-box;
}

footer > * {
    width: 30rem;
    padding: 40px;
    box-sizing: border-box;
}

footer p {
    margin-top: 0.4em;
}

footer > *:last-child {
    max-width: 100%;
    background-color: var(--l-secondary-color);
    flex: 0 0 100%;
    text-align: center;
    padding: 20px;
}

footer a {
    color: var(--l-primary-color);;
}