body {
    background-color: #fde3de;
}
.navbar {
    background-color: #fde3de;
}
.heading {
    display: flex;
}
.heading-text {
    position: absolute;
    font-size: 23px;
    color: #F5EBEB;
    margin: 50px;
}
li {
    font-size: 23px;
    color: hsl(254, 65%, 26%);
}
.metod-text, .soul-text {
    font-size: 30px;
    color: hsl(254, 65%, 26%);
}
h1 {
    color: hsl(254, 65%, 26%);
}
.about {
    background-color:#E4D0D0;
}
.box {
    background-color: hsl(254, 27%, 66%);
}
.size {
    font-size: 16px;
}
.style {
    color: #F5EBEB;
}
.soul {
    background-color: #E4D0D0;
}


@media all and (max-width: 800px) {
    .heading-text {
        font-size: 13px;
    }
}
@media all and (max-width: 500px) {

    .heading-text {
        margin-top: 50px;
        font-size: 13px;
    }
    h2 {
        font-size: 15px;
    }

}