/* The first thing a page of the app has, before the app and its own style sheet: linked in the head, so it is there when the page is first painted, in
 * development too (where the app's styles come with its script, later). It does two things: paints the page in the colour of the theme, so the
 * screen never shows the browser's white; and hides the text that is in the page for search engines while the app is on its way (it would flash by,
 * unstyled, a page of its own) — shown only if the app takes more than three seconds, or never comes. The colours are those of --bg-primary in App.css. */

html {
  background: #0d1218;
}

html[data-theme="light"] {
  background: #f3f6fa;
}

.prerender {
  opacity: 0;
  animation: prerender-in 0.3s ease 3s forwards;
}

@keyframes prerender-in {
  to {
    opacity: 1;
  }
}