@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

body{
    font-family: "Comfortaa", serif;
    font-optical-sizing: auto;
    font-style: normal;;
}


.text-bf{
    color: rgba(249,185,180,1)
}
.bg-bf{
    background-color: rgba(249,185,180,1);
}

#header, .navbar-collapse.show {

    background: rgb(249,185,180);
    background: linear-gradient(0deg, rgba(249,185,180,1) 10%, rgba(218,116,116,1) 100%);

    color: #fff;
}



#header a, #header a:visited{
    color: #f1f5f8;
}
#header a:hover{
    color: #f1f5f8;
}

.bg-light{
    background-color:#fbf3e6 !important;
}

#footer{
    background-color:#fbf3e6 !important;
}

.fill-bf{
    fill:  rgb(249,185,180) !important;
}

a {
    color: rgb(218,116,116,1);
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}



@media only screen and (max-width: 991px) {
    header.main-nav .navbar-collapse.show > .navbar-nav, #header .navbar-collapse.show > .navbar-nav {
        padding: 30px 15px;
        position: absolute;
        background: none !important;
        font-size: 20px;
        top: 120px;
        left: 15px;
        right: 15px;
        bottom: 15px;

    }
}