.nav_bar {
    display: flex;
    background-color:rgb(203, 194, 221)
}

.nav-list {
    display: flex;
    padding-top: 0%;
    font-size: large;
    font-weight: 500;
    height: 50px;
}

.nav-list a {
    display: block;
    padding: 1em;
    padding-top: 10px;
    text-decoration: none; /* убираем подчеркивание*/
    color: rgb(86, 34, 93);
    background-color:rgb(203, 194, 221)
}

.nav-list a:hover {
    color: blanchedalmond;
    background-color: rgb(121, 67, 128);
}

.nav-btn {
    display: none;
    color: rgb(86, 34, 93);
    background-color:rgb(203, 194, 221)  
}
footer {
    justify-content: space-between;
}

@media (max-width: 700px) {
    .nav-btn {
        font-size: 2em;
        padding-inline: 10px;
        padding-bottom: 3px;
        border: none;
        background-color: rgb(203, 194, 221)
        color:  rgb(86, 34, 93);
        display: block;
        cursor: pointer;
    }
    .nav-btn:hover {
        background-color: rgb(156, 129, 159)
    }
    .nav-list {
        display: none;
    }
    .drop:hover .nav-list {
        display: block;
        position: absolute;
        right: 1px;
        background-color: rgb(29, 28, 28);
    }
    .nav_bar {
        justify-content: space-between;
    }

}