/* Reset */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/* FULLSCREEN STRETCHED FRAME */
#bg-frame {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

#bg-frame img {
  width: 100%;
  height: 100%;
  object-fit: fill; /* THIS IS THE KEY */
  display: block;
}

/* Page content */
body {
  background-color: black;
  color: gray;
  font-family: "Times New Roman", Times, serif;
  text-align: center;

  padding: clamp(80px, 15vh, 200px) 1rem;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

/* Content wrapper */
main {
  max-width: 600px;
  width: 100%;
}

/* Lists */
.center-list {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}