@media screen and (max-width: 52.999em) {
  ._frame_1rxye_1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: max(1rem, env(safe-area-inset-top))
      max(1rem, env(safe-area-inset-right)) 0
      max(1rem, env(safe-area-inset-left));
    color: #020817;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(255, 255, 255, 0.82) 72%,
      rgba(255, 255, 255, 0) 100%
    );
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "title title"
      "back archive"
      "github credits"
      "tags tags";
    grid-row-gap: 0.75rem;
    grid-column-gap: 1rem;
    mix-blend-mode: normal;
    padding-bottom: 2rem;
  }

  ._frame_1rxye_1 a,
  ._frame_1rxye_1 button,
  ._frame__tags_1rxye_59 a {
    color: #020817;
    mix-blend-mode: normal;
  }

  ._frame__title_1rxye_31 {
    max-width: min(92vw, 34rem);
    color: #020817;
    font-size: 2.4rem;
    line-height: 0.9;
    letter-spacing: 0;
    text-transform: lowercase;
    mix-blend-mode: normal;
  }

  ._frame__credits_1rxye_55 {
    justify-self: end;
    text-align: right;
  }

  ._frame__tags_1rxye_59 {
    max-width: calc(100vw - 2rem);
    gap: 0.65rem 1rem;
  }

  ._overlay_15mji_1::before {
    content: "infinity source";
    position: absolute;
    top: max(1rem, env(safe-area-inset-top));
    left: max(1rem, env(safe-area-inset-left));
    color: #020817;
    font-family: Asul, serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0;
    text-transform: lowercase;
  }
}

@media screen and (min-width: 40em) and (max-width: 52.999em) {
  ._frame__title_1rxye_31,
  ._overlay_15mji_1::before {
    font-size: 3rem;
  }
}