@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  box-sizing: border-box;
  font-family: 'Poppins',sans-serif;
  font-size: 15px;
}
body{
  /*height: 100vh;
  display: flex;*/
  justify-content: center;
  /*align-items: center;*/
  padding: 10px;
background-image: linear-gradient(62deg, #f8e6f6 0%, #e6f2f2 100%);
/*background-color: #ebfaff;*/
 
}

h1 {
  font-size: 40px;
}

.hos-title {
  margin-top: 60px;
  }

.container{
  max-width: 700px;
  width: 100%;
  background-color: #fff;
  padding: 25px 30px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

.form-con {
  padding: 20px 50px;
}
.container .title{
  font-size: 25px;
  font-weight: 500;
  position: absolute;
  background-color: ;
  margin-bottom: 20px;
}
.container .title::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 30px;
  border-radius: 5px;
  background-image: linear-gradient(62deg, #f8e6f6 0%, #e6f2f2 100%);
/*background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);*/
}
form .button{
   height: 45px;
   margin: 35px 0
}
form .button input{
   height: 100%;
   width: 100%;
   border-radius: 5px;
   border: none;
   color: black;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 1px;
   cursor: pointer;
   transition: all 0.3s ease;
   background-image: linear-gradient(62deg, #f8e6f6 60%, #e6f2f2 100%);
/*background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);*/
 
}
form .button input:hover{
  /* transform: scale(0.99); */
  background-image: linear-gradient(62deg, #f8e6f6 0%, #e6f2f2 100%);
/*background-image: linear-gradient(250deg, #FBAB7E 0%, #F7CE68 100%);*/
 
  }

  .input-box {
    text-align: left;
  }

  @media(max-width: 790px){
  .hos-title {
  margin-top: 40px;
  }
}

  @media(max-width: 584px){
  .hos-title {
  margin-top: 40px;
  }
}