.skeleton {
  position: relative;
  opacity: .4;
  animation: skeleton-loading 0.5s linear infinite alternate;
  z-index: 2;
}

.skeleton .card-body {
  height: 6.5rem;
}

.skeleton-text {
  width: 100%;
  height: 3rem;
  margin-bottom: .25rem;
  border-radius: .225rem;
}

.skeleton-text:last-child {
  margin-bottom: 0;
  width: 80%;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(231, 100%, 97%)
  }

  100% {
    background-color: hsl(230, 15%, 76%)
  }
}