body .wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
body .wrapper .container:nth-child(1) {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
body .wrapper .container:nth-child(1) .card {
  padding: 1rem;
  background-color: var(--clr-back-lighter);
  color: #fff;
  border-radius: 25px;
}
body .wrapper .container:nth-child(1) .card h3 {
  text-align: center;
  margin-bottom: 2rem;
}
body .wrapper .container:nth-child(1) .card .inner {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 2rem;
}
body .wrapper .container:nth-child(1) .card .inner p {
  align-self: center;
}
body .wrapper .container:nth-child(2) {
  display: flex;
  justify-content: center;
}
body .wrapper .container:nth-child(2) .card {
  border-radius: 25px;
  padding: 1rem;
  background-color: var(--clr-back-lighter);
  color: #fff;
}
body .wrapper .container:nth-child(2) .card h3 {
  text-align: center;
}
body .wrapper .container:nth-child(2) .card .image-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}
body .wrapper .container:nth-child(2) .card .image-wrapper .left,
body .wrapper .container:nth-child(2) .card .image-wrapper .right {
  display: flex;
  flex-direction: column;
}
body .wrapper .container:nth-child(2) .card .image-wrapper .left span,
body .wrapper .container:nth-child(2) .card .image-wrapper .right span {
  margin-top: 1rem;
  text-align: center;
}
body .wrapper button {
  align-self: center;
  background-color: transparent;
  border: 2px solid var(--clr-secondary);
  border-radius: 10px;
  padding: 0.25rem 2rem;
  transition: 0.5s ease;
}
body .wrapper button a {
  color: #fff;
  text-decoration: none;
}
body .wrapper button:hover {
  background-color: var(--clr-secondary);
}/*# sourceMappingURL=0.css.map */