* {
  font-family: poppins;
}

.pointer {
  cursor: pointer;
}

.letterspace {
  letter-spacing: 1px;
}

body {
  height: 100dvh;
}

h1 {
  font-family: lobster;
}

h1,
.card-body p {
  text-shadow: 0px 0px 0 rgb(204, 204, 204), 0px 1px 0 rgb(153, 153, 153),
    0px 2px 0 rgb(102, 102, 102), 0px 3px 0 rgb(51, 51, 51),
    0px 4px 0 rgb(0, 0, 0), 0px 5px 0 rgb(-51, -51, 0),
    0px 6px 5px rgba(91, 84, 138, 1), 0px 6px 1px rgba(91, 84, 138, 0.5),
    0px 0px 5px rgba(91, 84, 138, 0.2);
}

.card {
  width: min(97%, 20rem);
  background: linear-gradient(135deg, #00feba, #5b548a);
}

.card-header,
.card-footer {
  background: transparent;
}

.card-header {
  width: 95%;
}
.card-header i {
  top: 35%;
}

.card-body img {
  width: 7rem;
}

.card-footer img {
  height: 3rem;
  aspect-ratio: 1/1;
}