* {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}
body {
  width: 100%;
  height: 100vh;
  background: #5047f5;
  background: linear-gradient(
      180deg,
      rgba(80, 71, 245, 1) 0%,
      rgba(53, 139, 219, 1) 0%,
      rgba(115, 211, 222, 1) 56%,
      rgba(247, 240, 240, 1) 100%
    )
    no-repeat;
}
.main {
 width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 50px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  /* flex-direction: column; */
  gap: 10px;
}
.input-group{
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.in {
    
  width: 100%;
  padding: 12px 20px;
  font-size: 18px;
  box-sizing: border-box;
  border-radius: 20px;
  border: none;
  background-color: none;
  box-shadow: 1px 2px 5px 2px rgb(243, 246, 247);
}
.btn {
  padding: 10px 15px;
  border-radius: 15px;
  border: none;
  font-size: 18px;
  background-color: black;
  color: white;
  transition: 0.5s;
}
.btn:hover {
  transform: scale(0.95);
}
.center {
  max-width: 800px;
  margin: auto;
  line-height: 48px;
}
.center p {
  font-size: 18px;
}
.heading {
  text-align: center;
  padding: 20px 0;
  font-size: 40px;
  letter-spacing: 4px;
  text-transform: capitalize;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-weight: 800;
  text-shadow: 0px 2px 4px rgb(127, 127, 129);
  color: rgb(31, 36, 46);
  word-spacing: 10px;
}

@media (max-width: 768px){
    .center{
        padding: 10px 12px;
        box-sizing: border-box;
    }
}