:root { color-scheme: dark; background: #17121d; }
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; }
body { background: #17121d; }
.landing {
  min-height: 100vh;
  min-height: 100svh;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse at center, #35232e 0%, #17121d 72%);
}
.comic {
  display: block;
  width: auto;
  height: 100vh;
  height: 100svh;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  -webkit-mask-image: radial-gradient(ellipse 78% 75% at center, #000 55%, transparent 100%);
  mask-image: radial-gradient(ellipse 78% 75% at center, #000 55%, transparent 100%);
}
@media (max-aspect-ratio: 3/4) {
  .comic { width: 100%; height: auto; max-height: 100svh; }
}