nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-bottom: var(--border-size-1) solid var(--gray-4);

    a{
        text-decoration: none;
        color: inherit;
    }

    h1{
        margin-block: 0;
    }

    .navbar-left, .navbar-right {
        display: flex;
        align-items: center;
        gap: var(--size-4);
    }

    .logout-btn {
        border: none;
        background: none;
        cursor: pointer;
        border-radius: 5px;
    }
}