@charset "UTF-8";

:root {
  color-scheme: dark;
  background-color: #000;
  font-family: "Avenir Next", "Avenir", "Gill Sans", Arial, sans-serif;
}

* { box-sizing: border-box; }

html {
  min-height: 100%;
  min-height: 100dvh;
  background-color: #000;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  padding: max(70px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(50px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background-color: #000;
  color: #999;
  -webkit-text-size-adjust: 100%;
}

.entry-page {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}

.entry-page img {
  display: block;
  width: min(405px, 100%);
  height: auto;
}

.entry-page a {
  color: #6b9aad;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .08em;
}

.entry-page a:visited { color: #6b9aad; }
.entry-page a:hover,
.entry-page a:focus-visible { color: #fff; }
.entry-page a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }