// ============================= // index.scss // ============================= // Used for page footer.

.footer{

@include flexbox;
padding: 1rem 0 0 0;
margin-top: auto;
color: var(--c-footerText);
&__about{
    @include flexbox;
    &__copyright{
        margin: 0;
    }
    .divider{
        margin: 0 1rem;
        @include for-size('tablet'){
            display: none;
        }
    }
    &__theme{
        @include flexbox;
    }
    #simplex-logo{
        img{
            vertical-align: middle;
            height: 1.25rem;
            margin: 0 .5rem;
            transition: $t-smooth;
            filter: var(--c-footerImageFilter);
            &:hover{
                transform: scale(1.05) rotate(-5deg);
            }
        }
    }
    @include for-size('tablet'){
        flex-direction: column;
    }
}

}