.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
  }
  
  @keyframes skeleton-loading {
    0% {
      background-color: hsl(0, 0%, 78%);
    }
    100% {
      background-color: hsl(200, 20%, 95%);
    }
  }
  
  .skeleton-text {
    width: 100%;
    height: 0.7rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
  }
  
  .skeleton-text__header {
    width: 75%;
    height: 0.5rem;
  }
  
  .skeleton-footer {
    width: 30%;
    height: 0.5rem;
  }

  .skeleton-title {
    width: 100px;
    height: 0.5rem;
  }