:root { color-scheme: dark; }
html, body {
  margin: 0;
  height: 100%;
  background: #222222;   
}
#boot {
  position: fixed;
  inset: 0;
  z-index: 9700;
  display: grid;
  place-items: center;
  background: #222222;
  transition: opacity .35s ease;
}
#boot.is-done {
  opacity: 0;
  pointer-events: none;
}
#boot .ring {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 3px solid rgba(255, 166, 115, 0.2);
  border-top-color: #ffa673;             
  animation: boot-spin .85s linear infinite;
}
@keyframes boot-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  #boot .ring { animation-duration: 4s; }
}