.navbar {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navbar-item {
    margin-left: var(--size-5);
}

.navbar-link {
    transition: color 0.3s ease;
    color: var(--color-text-subtle);
    text-decoration: none;
}

.navbar-link.active {
    color: var(--color-text);
}

.navbar-link:hover {
    color: var(--color-text);
}