.bg-blur.blur-sm {
  background-color: #f6f7f7;
  opacity: 1;
  mix-blend-mode: hue
}
.lowww {
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px
}
.uppp {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px
}
.flip-card {
  background-color: transparent;
  width: 190px;
  height: 254px;
  perspective: 1000px;
  font-family: sans-serif
}
.title {
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
  margin: 0
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition-behavior: normal;
  transition: transform .8s;
  transform-style: preserve-3d
}
.flip-card-back,
.flip-card-front {
  box-shadow: gray 0 8px 14px 0;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-radius: 1rem
}
.flip-card-back,
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg)
}
.flip-card-front {
  flex-direction: column;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-color: #000;
  color: #000
}
.flip-card-back {
  flex-direction: column;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-color: #000
}