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


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.Hero-section{
    background: rgba(0,0,0,0.7)url("pexels-clem-onojeghuo-375904.jpg");
    background-size: cover;
    background-blend-mode: darken;
    height: 730px;
    color: white;
    
}

.text-title{
    margin-top: 10%;
}

.nav-link{
   margin: 10px;
}


.para1{
    font-family: 'Dancing Script', cursive;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 4rem;
    font-weight: bolder;

    
}


.main-section{
    background-color: rgb(203, 177, 76);
    padding: 10px;
    padding-bottom: 90px;
}

.card-start{
    margin-top: 7%;
}

/* next sextion */


.img-mid{
    margin-left: 15%;
}

.para2{
        font-family: 'Dancing Script', cursive;
        font-style: italic;
        letter-spacing: 1px;
        font-size: 2rem;
        margin-top: 20%;
        margin-right: 20%;
        font-weight: bolder;
    
}

hr{
    width: 15%;


}

/* section3 */

.section-3{
    background: rgba(0,0,0,0.7) url("cookie.jpeg");
    background-size: cover;
    height: 350px;
    background-blend-mode: darken;
    color: white;
    opacity: 0.8;
    scroll-behavior: auto;
    
    
}


.para3{
  
        font-family: 'Dancing Script', cursive;
        font-style: italic;
        letter-spacing: 1px;
        font-size: 4rem;
        font-weight: bolder;
        margin-top: 20px;
    }

    /* New section */


    .section-4{
        padding: 8%;
    }
    .mid-img{
        width: 200px;
        height: 200px;
        border-radius: 50%;
        
        
    }

    .para4{
        font-family: 'Dancing Script', cursive;
        font-style: italic;
        font-size: 1.4rem;
      margin-top: 20px;
      font-weight: bolder;
    }

    /* footer */

    .footer{
        background-color: rgb(217, 10, 44);
        box-sizing: border-box;
        padding: 10px;
        
    }

    .form-length{
        width: 72%;
        padding: 15px;
        margin-top: 10px;
    }

.facebook{
    background-color: rgb(243, 243, 236);
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 5px;

    }

    .facebook:hover{
        background-color: rgb(225, 45, 75);
        border-radius: 50%;
    }

    i{
        color: rgb(218, 11, 45);
    }

    i:hover{
        color: white;
    }