@use '../utilities/main_utilities' as *;

.footer{
	background-color: $color-primary;
	color: $color-text;
	border-top: 1px solid $color-text;

    @include color-scheme(dark) {
        background-color: $color-primary--dark;
        color: $color-text--dark;
        border-color: $color-text--dark
    }

    a{
        color: $color-background;
        @include color-scheme(dark) {
            color: $color-background--dark;
        }
    }
}

.sub-footer{
	background-color: $color-tertiary;

    @include color-scheme(dark) {
        background-color: $color-tertiary--dark;
    }
}
.sub-footer .container{
	padding-top: rems(3px);
	padding-bottom: rems(3px);
}

.website-by{
	font-size: rems(12px);
	font-family: monospace;
	border-radius: var(--border-radius);
    display: inline-block;
    margin: 0 rems(2px);
    padding: 0 rems(9px);
}