@use 'mixins';

nav.main-nav {
    display: flex;
    justify-content: flex-end;
    a {
        text-transform: uppercase;
        margin: 30px;
        color: white;
        transition: border-bottom-width .1s ease;
        &[aria-current="page"], &:hover {
            border-bottom: 3px solid crimson;
            text-decoration: none;
            transition: border-bottom-width .1s ease;
        }
    }
}