body {
  margin: 0;
}

#splash-screen {
  z-index: 1000;
  background-image: url('./assets/splash-bg.png');
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#splash-screen__logo {
  width: 53%;
  height: 5%;
  margin-bottom: 5%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('./assets/splash-logo.svg');
}

#splash-screen__loader {
  height: 6.5vh;
  width: 6.5vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotateX(180deg);
  background-image: url('./assets/splash-loader.svg');
}

#splash-screen__loader-container {
  background-color: #3434351e;
  padding: 0.1vh;
  border-radius: 100%;
}