div#employees-loading-screen {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 50px;
    background: white;
}

div#employees-loading-screen[data-hidden="data-hidden"] {
    animation: hide-loading-screen 1s forwards;
}

div#employees-loading-screen > h2 {
    margin-top: 50px;
    text-align: center;
    font-size: 30px;
    animation: loading-screen 1.65s infinite;
}

@keyframes loading-screen {
  0% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
  50% {
    transform: translate3d(0, 0, 0) scale3d(1.15, 1.1, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}

@keyframes hide-loading-screen {
  0% {
    opacity: 1;
   }
  100% {
    opacity: 0;
    z-index: -1;
   }
}