:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; }
body { background: #17100d; overflow: hidden; }
.cat-photo {
  min-height: 100vh;
  min-height: 100dvh;
  background:
    radial-gradient(circle at 50% 40%, transparent 35%, rgba(0, 0, 0, .3) 100%),
    url('/assets/cat.jpg') center center / cover no-repeat;
}
.credit {
  position: fixed;
  right: 14px;
  bottom: 12px;
  color: rgba(255, 255, 255, .72);
  font: 12px/1.2 system-ui, sans-serif;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .75);
}
.credit:hover { color: #fff; }