@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700);
@charset "UTF-8";
#app {
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
}
#app div.loading-screen {
  background-image: url("/images/loading.png");
  background-size: auto;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}
#app div.loading-screen::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px; /* Размер гифки */
  height: 300px;
  background-image: url("/gifs/loading.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#app div.loading-screen::before > .loading-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#app div.loading-screen::before > .loading-text > p {
  text-shadow: 2px 2px 9px #000000;
  font-size: calc(7vh + 5vw);
  color: #ffffff;
}