html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: radial-gradient(#fff, #0d3086);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.mat-typography {
  font: 400 14px/20px Roboto, 'Helvetica Neue', sans-serif;
  letter-spacing: normal;
}

.initial-loading-screen {
  min-width: 100vw;
  min-height: 100vh;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.initial-loading-screen .logo-container {
  max-width: 20em;
  padding: 1em;
  height: 95px;
}

.initial-loading-screen .logo-container img {
  width: 100%;
}

.initial-loading-screen .loading-spinner {
  max-width: 12em;
  padding: 0.5em;
}

.initial-loading-screen .loading-spinner img {
  width: 100%;
}