h1, h2 {
  text-align: center;
  font-family: Arial;
}

.card {
  display: flex;
  padding: 25px;
  width: 800px;
  background-color: #B8E6FF;
  box-shadow: 0 0 24px rgba(57, 73, 79, 0.5);
  font-weight: 600;
  font-family: Arial;
  border-radius: 2px;
  transition: background 0.25s;
  margin: 0 auto;
  margin-top: 10px;
}

.card:hover {
  background: #8AB5FF; 
}

.card__image {
  max-width: 350px;
  height: auto;
  margin-right: 50px;
}

.card__title {
    margin-top: 0;
    font-size: 2.1em;
    font-weight: bold;
}

.card__body {
  line-height: 1.5; 
  color: 	#5776A8;
  margin-top: -25px;
}

.card__body:last-child {
   margin-bottom: 0; 
}

body {
  margin: 32px;
  padding: 0 70px;
  background-color: #E7F9FE;
  min-height: 100vh;
    background: linear-gradient(to bottom, #BFFFF3, #005275);

}

.vertical-gradient {
  background: linear-gradient(blue, purple);
}