* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  display: grid;
  min-height: 100svh;
  place-items: center;
  overflow-x: hidden;
  background: #f3eee2;
}

.page-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 18px;
}

.poster {
  position: relative;
  width: min(100vw, calc((100svh - 38px) * 2250 / 2813));
  height: min(calc(100svh - 38px), calc(100vw * 2813 / 2250));
  aspect-ratio: 2250 / 2813;
  background-image: url("28939.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.submission-link {
  color: #1f1f1f;
  font: 600 1rem/1.2 sans-serif;
  text-align: center;
}

.poster-link {
  position: absolute;
  display: block;
  z-index: 1;
}

/* Dziewięć pól odpowiada dziewięciu logotypom na dole plakatu. */
.logo-1 { left: 9.1%; top: 94.2%; width: 8.4%; height: 4.1%; }
.logo-2 { left: 22.0%; top: 94.1%; width: 6.3%; height: 4.2%; }
.logo-3 { left: 29.0%; top: 94.1%; width: 9.1%; height: 4.2%; }
.logo-4 { left: 39.5%; top: 94.1%; width: 9.4%; height: 4.2%; }
.logo-5 { left: 51.4%; top: 94.1%; width: 4.0%; height: 4.2%; }
.logo-6 { left: 60.1%; top: 94.1%; width: 5.6%; height: 4.2%; }
.logo-7 { left: 67.3%; top: 94.1%; width: 8.9%; height: 4.2%; }
.logo-8 { left: 76.9%; top: 94.1%; width: 5.4%; height: 4.2%; }
.logo-9 { left: 84.0%; top: 94.1%; width: 8.0%; height: 4.2%; }

/* Prostokąty nad dwoma ukośnie ułożonymi adresami w tabeli „więcej info na”. */
.info-link { height: 1.7%; transform-origin: center; }
.info-stillalive { left: 68.2%; top: 87.0%; width: 12.4%; transform: rotate(-1.8deg); }
.info-mok { left: 81.0%; top: 87.0%; width: 13.2%; transform: rotate(-1.8deg); }
.info-pracownia { left: 76.0%; top: 89.25%; width: 17.5%; height: 1.8%; transform: rotate(-1.8deg); }