@import "variables";

.flex {
    display: flex;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.mx-auto {
    margin: 0 auto;
}

.hide {
    display: none;
}

@mixin fixed {
    position: fixed;
    top: $top-bar-height;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

@mixin dark-links {
    a {
        color: $nav-link-color;
    }

    a.active {
        color: $color-link;
    }
}
