.top {
    background: linear-gradient(180deg, rgb(1, 7, 6) 37%, rgb(90, 97, 97) 85%);
    padding: 10px 0;
}
/* обёртка шапки сайта */
.wrap-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

/* логотип сайта */
.logo {
    max-width: 100px;
    max-height: 80px;
    border-radius: 15px;
    border: 2px solid whitesmoke;
    overflow: hidden;

    & .logo__img {
        object-fit: cover;
    }
}

/* меню шапки */
.menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

    width: 60%;
}

.menu__link {
    display: inline-block;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: aliceblue;
    text-transform: uppercase;
    padding: 20px 15px;
    transition: all 0.3s ease;
}
.menu__link:hover {
    color: rgb(21, 196, 65);
    font-size: 1.3rem;
}
.menu__link--green {
    background: linear-gradient(225deg, rgb(90, 236, 24) 37%, rgb(173, 217, 177) 85%);
    border-radius: 15px;
    color: black;
    padding: 10px 8px;
    transition: all 0.4s ease;
}
.menu__link--green:hover {
    background: linear-gradient(225deg, rgba(43, 98, 112, 0.801) 37%, rgba(83, 110, 107, 0.808) 85%);    
    color: rgb(243, 243, 243);
}
/* адаптив меню */
@media (max-width: 768px) {
    .menu {
        display: none;
    }
    .wrap-top {
        padding: 10px;
    }
}