.navbar {
    background: var(--b2);
    position:fixed;
    top:0;
    width: 100vw;
    left:0;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.navbar-items {
    display:flex;
    flex-direction: row;
    width: 100vw;
    align-items: center;
    justify-content: start;
    gap: 25px;
    margin-left: 50px;
}

.navbar-items-mobile-wrapper {
    visibility: hidden;
    padding-right: 50px;
    padding-top: 5px;
}

.navbar-items-mobile-toggle {
    cursor: pointer;
}

.navbar-items > p:hover {
    color: var(--f1);
    cursor: pointer;
}

@media (max-width: 530px) {
    .navbar-items {
        visibility: hidden !important;
        position: absolute !important;
    }

    .navbar-items-mobile-wrapper{
        visibility: visible !important;
    }
}