scroll loading{
  position: absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}

scroll loading img{

  position: absolute;
  top: calc(50% - 35px);
  left:calc(50% - 35px);
  width: 70px;
  height: 70px;
  object-fit: contain;
}

scroll loading p{
  position: absolute;
  top:calc(50% + 40px);
  left:calc(50% - 75px);
  text-align: center;
  width:150px;
  font-size: 17px;
}

loading img.spinner
{
    animation-name: loading_spinner;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: loading_spinner;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@keyframes loading_spinner
{
  0%{
    transform: rotate(0);
  }
  100%
  {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loading_spinner
{
  0%{
    transform: rotate(0);
  }
  100%
  {
    transform: rotate(360deg);
  }
}