/* ===================================
    Crafto - Beauty salon
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* variable */
:root {     
    --base-color: #3a954f;
    --dark-gray: #2E3844;
    --medium-gray: #7e8287;
    --light-gray: #ffece7;
    --light-medium-gray: #7e8691;
} 
/* reset */

/* bg color */
.bg-gradient-blue-ironstone-brown {
    background-image: linear-gradient(to right, #2c3846, #333945, #3e393f, #3e814e80, #4a8859b9);
}
.bg-gradient-blue-ironstone-brown-transparent {
    background-image: linear-gradient(to right, rgb(46, 56, 68), rgba(47, 56, 68,.7), rgba(70, 64, 68,.7), rgba(104, 74, 68,.7), rgba(134, 84, 68,.7));
}
.bg-gradient-solitude-blue-fair-pink {
    background-image: linear-gradient(to bottom, #f8ebe9, #f6ebed, #f2ebf0, #eeebf1, #eaecf1);
}
.bg-gradient-dark-transparent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #2E3844), to(transparent));
    background: linear-gradient(to top, #2E3844 7%, transparent 100%);
}
/* btn */