#Loading{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    z-index: 100;
  }
  @-webkit-keyframes ball-beat{
    50% { 
      opacity: 0.2;
      -webkit-transform: scale(0.75);
      transform:scale(0.75);
    }
    100% {
      opacity:1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes ball-beat{
    50% { 
      opacity: 0.2;
      -webkit-transform: scale(0.75);
      transform:scale(0.75);
    }
    100% {
      opacity:1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  .ball-beat>div{
    background: #279fcf;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation:ball-beat 0.7s 0s infinite linear;
    animation:ball-beat 0.7s 0s infinite linear;
  }
  .ball-beat>div:nth-child(2n-1){
    -webkit-animation-delay:0.35s;
    animation-delay: 0.35s;
  }
  body:active::after {
    transform: translate(-50%, -100%);
    opacity: 0.5;
    transition: 0s;
    left: -999px;
  }
  body::after {
    content: '❤';
    position:fixed;
    color: #409EFF;
    font-size: 16px;
    /* font-family: Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; */
    z-index: 999;
    left: calc(var(--clientx, -999) * 1px);
    top: calc(var(--clienty, -999) * 1px);
    transform: translate(-50%, calc(-100% - 20px));
    opacity: 0;
    transition: transform .5s, opacity .7s;
}