@mixin transition($time: 0.3s, $el: all) {
    transition: $el $time ease-in-out;
}

@mixin font($family: $primary-font, $size: rem(16), $weight: 400) {
    font-family: $family;
    font-size: $size;
    font-weight: $weight;
}