body {
  background-color: var(--white);
  overflow: hidden;
}

.poster-wrapper {
  color: var(--white);
  font-family: Antarctica;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

img {
  position: absolute;
  bottom: 200px;
  left: -500px;
  opacity: 0.8;
  min-width: 3000px;
}

.poster {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: rgb(168, 197, 169);
  background: linear-gradient(
    0deg,
    rgba(168, 197, 169, 1) 0%,
    rgba(135, 200, 192, 1) 48%,
    rgba(61, 153, 192, 1) 100%
  );
}

.swiss {
  position: absolute;
  bottom: 50px;
  left: 100px;
  font-size: 20rem;
  font-family: Antarctica;
  font-variation-settings: "wdth" 104, "wght" 608, "ital" 0, "CNTR" 0;
  filter: blur(0.5px);
}

.letter-a {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 200px;
  right: 450px;
  font-size: 3rem;
  transform: matrix3d(
    1.674306,
    -0.496976,
    0,
    -0.003633,
    1.202507,
    3.056595,
    0,
    0.002444,
    0,
    0,
    1,
    0,
    100,
    100,
    0,
    1
  );
  transform-origin: 0px 0px 0px;
  filter: blur(0.3px);
}

.letter-i {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 50px;
  right: 250px;
  font-size: 1rem;
  transform: matrix3d(
    5.374191,
    0.523548,
    0,
    0.007135,
    0.655156,
    5.233875,
    0,
    0.008407,
    0,
    0,
    1,
    0,
    148,
    119,
    0,
    1
  );
  transform-origin: 0px 0px 0px;
  filter: blur(0.3px);
  opacity: 0.8;
}

.letter-r {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 30px;
  right: 200px;
  font-size: 2rem;
  filter: blur(0.3px);
  transform: rotate(-10deg);
  filter: blur(1.6px);
  opacity: 0.5;
}