@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap");
body {
  background-color: hsl(185, 75%, 39%);
  background-image: url("../images/bg-pattern-top.svg");
  background-repeat: no-repeat;
  background-position-x: 10%;
  background-size: 680px;
  background-position: top -400px left -400px;
}
@media (min-width: 840px) {
  body {
    background-color: hsl(185, 75%, 39%);
    background-image: url("../images/bg-pattern-top.svg");
    background-repeat: no-repeat;
    background-size: 920px;
    background-position: top -500px left -200px;
  }
}

main {
  background-image: url("../images/bg-pattern-bottom.svg");
  background-repeat: no-repeat;
  background-position-x: 80%;
  background-size: 680px;
  background-position: bottom -300px right -350px;
}
@media (min-width: 840px) {
  main {
    background-image: url("../images/bg-pattern-bottom.svg");
    background-repeat: no-repeat;
    background-size: 920px;
    background-position: bottom -500px right -200px;
  }
}

.card {
  border-radius: 20px;
  border: 0;
}

.card-body > img {
  transform: translateY(-50%);
  border: 5px solid white;
}

.text-numbers {
  padding-top: 20px;
  font-family: "Kumbh Sans", sans-serif;
  font-size: 20px;
  color: hsl(229, 23%, 23%);
  font-weight: 900;
}

.bdy-text {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 18px;
  color: hsl(227, 10%, 46%);
  font-weight: 400;
}

.name {
  font-family: "Kumbh Sans", sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: hsl(229, 23%, 23%);
  font-weight: 900;
}
.name span {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 18px;
  color: hsl(227, 10%, 46%);
  font-weight: 400;
}

/*# sourceMappingURL=main.css.map */