body {
  margin: 0;
  padding: 0;
}

.splash-screen {
  z-index: 1000;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: Helvetica, 'sans-serif';
  color: #5E6278;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  background: url(./media/back/back-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.splash-screen span {
  color: #5E6278;
  transition: none !important;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

[data-theme="dark"] .splash-screen {
  /* background-color: #151521; */
  color: #92929F;
}

[data-theme="dark"] .splash-screen span {
  color: #92929F;
}

.splash-screen-logo{
  transform: scale(3.9);
  border-radius: 2px;
   /* margin-left: calc(100vw - 100%); */
   margin-bottom: 4.5rem;
   height: 30px !important;
}

.spinner {
  width: 70px;
  height: 70px;
  display: grid;
  border: 4.5px solid #0000;
  border-radius: 50%;
  border-color: #dbdcef #0000;
  animation: spinner-animation 1s infinite linear;
}

.spinner::before,
.spinner::after {
  content: "";
  grid-area: 1/1;
  margin: 2.2px;
  border: inherit;
  border-radius: 50%;
}

.spinner::before {
  border-color: #b48b1c #0000;
  animation: inherit;
  animation-duration: 0.5s;
  animation-direction: reverse;
}

.spinner::after {
  margin: 8.9px;
}

@keyframes spinner-animation {
  100% {
    transform: rotate(1turn);
  }
}