body{
  background: #e9f2f7;
  color: #000;
  font-family: "Host Grotesk", sans-serif;
  min-height: 100vh;
  position:relative;
}

body::before{
  content: "";
  background: #d3e6f5;
  position: fixed;
  top: -200px;
  left: -250px;
  height: 500px;
  width: 500px;
  border-radius: 50%;
}

body::after{
  content: "";
  background: #dbd9f1;
  position: fixed;
  bottom: -300px;
  right: -300px;
  height: 500px;
  width: 500px;
  border-radius: 50%;
  z-index:-1;
}

.card {
  border: 0;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 1px 3px 25px #dfdfdf;
}

.form-control{
    border-left: 3px solid #2d7bff;
    padding: 12px 18px;
}
.form-control:focus {
  box-shadow:none; border: 1px 1px 1px 3px;
  border-color: #2d7bff;
  box-shadow: none;
}
.btn-submit{
    border: 2px solid #2f7bff;
    border-radius: 8px;
    padding: 12px;
    color: #2f7bff;
    font-weight: bold;
}

.btn-submit:hover{
    background: #2f7bff;
    color: #FFF;
}