// Getting root rules from _root.scss
@use "../root" as root; // Usage: root.$value-name

footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    padding: root.$header-padding-y root.$header-padding-x;
    background-color: root.$header-footer-color;
    
    h6 {
        margin-bottom: 0.75rem;
    }

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    hr {
        width: 100%;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        margin: 1.5rem 0 1rem 0;
    }

    .copyright {
        flex-basis: 100%;
        text-align: center;
        
        p {
            margin: 0;
        }
    }
}