:root {
  /* Define a variable for the margin of the overlay, ~70px at 1080p */
  --margin: 3.65vmax;
}

.main {
  position: absolute;
  top: calc(12 * var(--margin));
  left: var(--margin);
  width: calc(100vw - 2 * var(--margin) - 12vw);
  opacity: 0;
}

.f0_bg {
  background: var(--main-color);
  display: table;
  position: relative;
  padding: 0.2em 0.4em;
}

.f0_text {
  color: var(--white-color);
  font-family: 'Yle-Black';
  font-size: 0.8rem;
  line-height: 1;
  width: 100%;
}

.f1_bg {
  background: var(--white-color);
  display: table;
  position: relative;
  padding: 0.1em 0.4em 0em;
  width: 100%;
}

.f1_text {
  color: var(--black-color);
  font-family: 'Yle-Black';
  font-size: 1.45rem;
  line-height: 1.25;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: -0.05rem;
}