.splash-screen {
  background: #F4F6F8;
  height: 100vh;
  width: 100vw;
}

.splash-container {
  width: 300px;
  margin: 0 auto;
  padding-top: 10%;
}

.logo {
  width: 160px;
  margin: 0 auto;
}

.loader-review {
  width: 300px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-align: center;
}

.loading {
  height: 2px;
  margin: 1em;
  overflow: hidden;
  position: relative;
  width: 12em;
}

.loading-bar {
  animation: sideToside 1.5s ease-in-out infinite;
  /*change this for the color of the sideToside line*/
  background-color: #0095FF;
  height: 100%;
  position: absolute;
  width: 50%;
}

@keyframes sideToside {
  0%, 100% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(150%);
  }
}

.center {
  left: 50%;
  margin: 25px 0 0;
  transform: translate(-50%, -50%);
}