.main-menu{

    display:flex;

    gap:42px;

    align-items:center;

}

.main-menu a{

    font-weight:600;

    transition:.25s;

}

.main-menu a:hover{

    color:var(--primary);

}

@media (max-width:900px){

    .main-menu{

        gap:24px;

        min-width:max-content;

    }

    .main-menu a{

        padding:8px 0;

        white-space:nowrap;

    }

}
.main-menu{

    display:flex;

    align-items:center;

    gap:40px;

}

.main-menu li{

    position:relative;

}

.main-menu a{

    display:block;

    padding:10px 0;

    font-weight:600;

    transition:var(--transition);

}

.main-menu a:hover{

    color:var(--primary);

}