.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.skeleton-text {
  width: 70%;
  height: 1.8rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
.skeleton-text-medium {
  width: 100%;
  height: 4rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
.skeleton-image {
  width: 100%;
  height: 14rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}

.skeleton-text__body {
  width: 75%;
}

.skeleton-footer {
  width: 30%;
}