.loadingtextinjson{
    font-size: xx-large;
    font-weight: bold;
}

.getjsonbackground{

    position:fixed;
    display:flex;
    justify-content: center;
  align-items: center;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:15;
    background: linear-gradient(to right, rgba(200,200,200,0.4), rgba(200,200,200,0.2));
    animation-name: jsonbackground;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes jsonbackground{

    0%   {background: linear-gradient(to right, rgba(200,200,200,0.2), rgba(200,200,200,0.3), rgba(200,200,200,0.4));}
  25%   {background: linear-gradient(to right, rgba(200,200,200,0.3), rgba(200,200,200,0.2), rgba(200,200,200,0.3));}
  50%  {background: linear-gradient(to right, rgba(200,200,200,0.4), rgba(200,200,200,0.3), rgba(200,200,200,0.2));}
  75%   {background: linear-gradient(to right, rgba(200,200,200,0.3),  rgba(200,200,200,0.4),rgba(200,200,200,0.3));}
  100%  {background: linear-gradient(to right, rgba(200,200,200,0.2), rgba(200,200,200,0.3), rgba(200,200,200,0.4));}

}