ballistic-builder/components/Footer/styles.module.scss

@import '../../scss/variables.scss';

.footer {
    background: #4c5c3f;
    min-height: 300px;
    height: 100%;
    padding: 1rem 0;
    border-top: 2px solid #000;
     
    .brand {
        font-weight: bolder;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 1.25em;
        color:#FFF;
        
        .logo span {
            display: inline-block;
            height: 100px;
            width: 100px;
            background: #FFF;
            color:#4c5c3f;
            text-align: center;
        }
    }
}

.linksContainer {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;

    ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0;
    
        li {
            color:#FFF;

            a {
                color: #fff;
                transition: all 500ms ease;

                &:hover {
                    color: #ADA17B;
                    font-weight: bold;
                }
            }
        }
    }

    h4 {
        color: #FFF;
        border-bottom: 2px solid #fff;
        margin-bottom: 10px;
    }
}