body, html {
    position: relative;
    height: 100%;
}
body {
    padding: 0;
    margin: 0;
}
#LoadingOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    pointer-events: none;
    background-image: url('splash.png');
    background-size: cover;
    background-position: center;
    transition: opacity 250ms;
}
/*
#LoadingBoard {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    width: 92px;
    height: 92px;
    overflow: visible;
    transition: transform 250ms;
}

@keyframes pulse {
  0% {
      transform: translateY(-4px) scale(1);
      box-shadow: 0 4px 0 #c7ecee;
      background-color: #dff9fb;
  }
  30% {
      transform: translateY(0) scale(0.8);
      box-shadow: 0 0 0 #c7ecee;
      background-color: #c7ecee;
  }
  60% {
      transform: translateY(-4px) scale(1);
      box-shadow: 0 4px 0 #c7ecee;
      background-color: #dff9fb;
  }
  100% {
      transform: translateY(-4px) scale(1);
      box-shadow: 0 4px 0 #c7ecee;
      background-color: #dff9fb;
  }
}

.LoadingTile {
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 7px;
    transform: translateY(-4px) scale(1);
    box-shadow: 0 4px 0 #c7ecee;
    background-color: #dff9fb;
    animation: pulse 1500ms infinite;
}
.LoadingTile:nth-child(1) {
    left: 0;
    top: 0;
    animation-delay: 0ms;
}
.LoadingTile:nth-child(2) {
    right: 0;
    top: 0;
    animation-delay: 375ms;
}
.LoadingTile:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: 750ms;
}
.LoadingTile:nth-child(4) {
    left: 0;
    bottom: 0;
    animation-delay: 1125ms;
}
*/