/*
this is our "spinner"

it displayed a meme gif of the blond woman giving
a suspicious look with math formulas poping here and there
*/

.loading-popup {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
/* 400px does not fit a 360px screen, and the two spinner pictures are not the same shape :
   one is square (480x480) and the other is 504x322, which the old fixed height stretched
   into a square. The height follows the picture's own proportions now. */
.loading-popup img { width: 400px; height: auto; max-width: 100%; }
.loading-popup p { color: white; font-size: 1.2em; margin-top: 10px; }
.big-bold-text { font-size: 20px; font-weight: bold; }