@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700);
#app {
  font-family: Nunito, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#app > div.loading-screen {
  background-image: url("/images/header-image.jpg");
  background-size: cover;
  background-position: center;
  height: 100vh;
}
#app > div.loading-screen::before {
  background-image: repeating-radial-gradient(circle at center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) 2px, transparent 2px, transparent 100%);
  background-size: 6px 6px;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
}
#app > div.loading-screen > .loading-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#app > div.loading-screen > .loading-text > p {
  text-shadow: 2px 2px 9px #000000;
  font-size: calc(7vh + 5vw);
  color: #ffffff;
}