body {
  margin: 0;
  padding: 0;
}
#splash-screen {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
  font-family: Poppins, Helvetica, "sans-serif";
}


.loading {
  margin: 0;
}

.loading-dots {
  text-align: center;
  font-size: 2em;
  color: rgb(138 36 23);
  animation-name: loading-dots-animation;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

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


.loading-text {
  font-weight: bold;
  color: #822115;
  margin: 0.3em 0;
  font-size: 1.5em;
}