/* Splash Screen */

body.page-loading {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.splash-screen {
  visibility: hidden;
  opacity: 0;
}

.page-loading .splash-screen {
  visibility: visible;
  opacity: 1;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: 'Roboto', 'sans-serif';
  line-height: 1;
  font-size: 18px !important; 
  font-weight: 400;
  background-color: #0F0E14 !important;
  /*background: url('/background.png') no-repeat center center fixed ;*/
  /*background-color: rgb(0 0 0 / 50%) !important;*/
  background-size: cover;
  transition: all 0.3s ease-in-out;
}

.page-loading .splash-screen img {
  margin-left: calc(100vw - 100%);
  margin-bottom: 18px;
  height: 3rem !important;
}

.page-loading .splash-screen span {
  color: #D8D6F5;
  animation: loadingAnimation 2s infinite;
  -webkit-font-smoothing: antialiased;
}

@keyframes loadingAnimation {
  0% {
    opacity: 1;
  }
  5%{
    opacity: 0.9;
  }
  10%{
    opacity: 0.8;
  }
  15%{
    opacity: 0.7;
  }
  20%{
    opacity: 0.6;
  }
  25%{
    opacity: 0.5;
  }
  30%{
    opacity: 0.4;
  }
  35%{
    opacity: 0.3;
  }
  40%{
    opacity: 0.2;
  }
  45%{
    opacity: 0.1;
  }
  50% {
    opacity: 0;
  }
  55%{
    opacity: 0.1;
  }
  60%{
    opacity: 0.2;
  }
  65%{
    opacity: 0.3;
  }
  70%{
    opacity: 0.4;
  }
  75%{
    opacity: 0.5;
  }
  80%{
    opacity: 0.6;
  }
  85%{
    opacity: 0.7;
  }
  90%{
    opacity: 0.8;
  }
  95%{
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}