@import url("fonts.css");

#app-loading {
  position: fixed;
  z-index: 100;
  inset: 0;
  align-content: center;
  font-family: Banquise;
  font-size: 2rem;
  text-align: center;
  background: salmon;

  p {
    width: 10ch;
    margin: auto;
  }

  p::after {
    content: "";
    animation: 2s forwards infinite loading;
  }
}

@keyframes loading {
  0% {
    content: "";
  }

  25% {
    content: ".";
  }

  50% {
    content: "..";
  }

  75% {
    content: "...";
  }

  100% {
    content: "";
  }
}