body {

    font-family: Arial, sans-serif;

    background-image: url('/images/bg_img8.jpg') no-repeat center center fixed;

    background-size: cover; 

    background-position: center;

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: left ;

    align-items: center;

    height: 100vh; 

}



h3{

  text-align: center;

  text-transform: capitalize;

  font-family: cursive;

  margin: -12px;

}



.form {

    /* background-color: rgba(255, 255, 255, 0.8);  */

    background-color: transparent;

    padding: 60px;

    margin: 100px;

    border-radius: 10px;

    width: 300px; 

    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

    border-radius: 40px;

}





label {

    display: block;

    margin: 10px 0 5px;

    font-weight: bold;

}





input, select, button {

    width: 100%;

    padding: 10px;

    margin: 5px 0 20px;

    border: 1px solid #ccc;

    border-radius: 15px;

    font-size: 16px;

}





textarea#message{

  width: 300px;

  border-radius: 5px;

}



.btn{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    /* height: 100vh; */

    /* background-color: #000; */

    margin: 0;

  }



  .gradient-btn{

    background-color: #3b3091;

    color: white;

  }





.home-btn{

  text-align: center;

}



/* .home-btn:hover{

  color: white;

} */



.home-btn a:hover{

  background-color: #3b3091;

  color: white;

  border-radius: 10px;

  padding: 10px;

  text-decoration: none;

}