.preloader {
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 1000;
  position: fixed;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.preloader::before {
  position: fixed;
  left: calc(50% - 160px);
  top: calc(50% - 50px);
  content: '';
  width: 75px;
  height: 75px;
  background-image: url('../../images/branding-2021/saas1.svg');
  background-repeat: round;
  animation: rotate 5s linear infinite;
  z-index: 1000;
}

.preloader::after {
  position: fixed;
  left: calc(50% - 80px);
  top: calc(50% - 40px);
  content: '';
  width: 300px;
  height: 82px;
  background-image: url('../../images/branding-2021/ep-start-text.png');
  background-size: 250px;
  background-repeat: no-repeat;
  z-index: 1000;
}