@keyframes skeleton-animation {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}

.skeleton {
    background-color: #cacaca;
    background-image: linear-gradient( 90deg, #cacaca, #d5d5d5, #cacaca);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    width: 100%;
    animation: skeleton-animation 2.5s ease-in-out infinite;
}
h1.page-title {
    margin-bottom: 0.75em;
}

h1.page-title.skeleton {
    color: transparent;
}

@keyframes shine-lines {
    0% {
      background-position: -100px;
    }
    40%, 100% {
      background-position: 140px;
    }
  }
  @keyframes shine-avatar {
    0% {
      background-position: -32px;
    }
    40%, 100% {
      background-position: 208px;
    }
  }

@media screen and (max-width: 767px) {
    h1.page-title {
        margin-bottom: 0.65em;
        font-size: 192%;
    }
}