body {
  text-align: center;
  background-color: rgb(223, 231, 232);

}
h1 {
  color: blue;
  
}
p {
  color: red;
}


.card {
  font-size: 20px;
   padding-top:10px;
  padding-bottom:20px;
  margin: auto;
  text-align: center;
  width: 350px;
  height: fit-content;
  background: #7da9d4;
  transition: 1s ease-in-out;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  flex-direction: column;
  color: white;
  box-shadow: 10px 10px 5px rgb(4, 24, 31);
  
}

.lables {
  text-align: left;
  float: left;
  padding-left: 20px;
}


.inputBox {
height: 20px;
}


.card button {
  padding: 0.8em 1.7em;
  display: block;
  margin: auto;
  border-radius: 25px;
  border: none;
  font-weight: bold;
  background: #ffffff;
  color: rgb(0, 0, 0);
  transition: .4s ease-in-out;
}

.card button:hover {
  background: rgb(74, 124, 231);
  color: white;
  cursor: pointer;
}