h1{
text-align: center;
font-size: 3rem;
color: #1f9aab;
margin: 1rem 0;
}

h2{
  text-align: center;
  font-size: 2rem;
  color: #1f9aab;
  margin: 1rem 0;
}
figure{
  width: 100%;
  display: flex;
  justify-content: center;
}
figure img{
  max-width:90%;
  margin:auto;
  border-radius: 20px;
}
.card {
  border: none;
  padding: 10px 50px;
}
@media (max-width: 600px) {
  .card {
    padding: 10px 20px;
  }
}

.card::after {
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card:hover {
  transform: scale(1.02, 1.02);
  -webkit-transform: scale(1.02, 1.02);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.75) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.75) !important;
}

.card:hover::after {
  opacity: 1;
}

.card:hover .btn-outline-primary {
  color: white;
  background: #007bff;
}
main li{
  font-size: 1.4rem!important;
}
footer h3{
  margin: 30px auto!important;
}

footer li{
  list-style: 2rem!important;
}