:root {
  background: #020403;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-width: 320px;
  min-height: 100%;
  background: #020403;
}

body {
  display: flex;
  justify-content: center;
}

main,
.poster-link {
  display: block;
  width: 100%;
  max-width: 988px;
}

.poster-link {
  line-height: 0;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.poster-image {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.poster-link:focus-visible {
  outline: 3px solid #4dffd1;
  outline-offset: -3px;
}

@media (max-width: 988px) {
  main,
  .poster-link {
    max-width: none;
    width: 100%;
  }
}