@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

  @font-face {
    font-family: "Libertinus Serif";
    src: url("../fonts/LibertinusSerif-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic; }

    @font-face {
      font-family: "Libertinus Serif";
      src: url("../fonts/LibertinusSerif-Semibold.woff2") format("woff2");
      font-weight: 600;
      font-style: normal; }

      @font-face {
        font-family: "Libertinus Serif";
        src: url("../fonts/LibertinusSerif-SemiboldItalic.woff2") format("woff2");
        font-weight: 600;
        font-style: italic; }

        @font-face {
          font-family: "Libertinus Serif";
          src: url("../fonts/LibertinusSerif-Bold.woff2") format("woff2");
          font-weight: 700;
          font-style: normal; }

          @font-face {
            font-family: "Libertinus Serif";
            src: url("../fonts/LibertinusSerif-BoldItalic.woff2") format("woff2");
            font-weight: 700;
            font-style: italic; }

            @font-face {
              font-family: "Fira Sans";
              src: url("../fonts/FiraSans-Hair.woff2") format("woff2");
              font-weight: 100;
              font-style: normal; }

              @font-face {
                font-family: "Fira Sans";
                src: url("../fonts/FiraSans-HairItalic.woff2") format("woff2");
                font-weight: 100;
                font-style: italic; }

                @font-face {
                  font-family: "Fira Sans";
                  src: url("../fonts/FiraSans-ExtraLight.woff2") format("woff2");
                  font-weight: 200;
                  font-style: normal; }

                  @font-face {
                    font-family: "Fira Sans";
                    src: url("../fonts/FiraSans-ExtraLightItalic.woff2") format("woff2");
                    font-weight: 200;
                    font-style: italic; }

                    @font-face {
                      font-family: "Fira Sans";
                      src: url("../fonts/FiraSans-Light.woff2") format("woff2");
                      font-weight: 300;
                      font-style: normal; }

                      @font-face {
                        font-family: "Fira Sans";
                        src: url("../fonts/FiraSans-LightItalic.woff2") format("woff2");
                        font-weight: 300;
                        font-style: italic; }

                        @font-face {
                          font-family: "Fira Sans";
                          src: url("../fonts/FiraSans-Regular.woff2") format("woff2");
                          font-weight: 400;
                          font-style: normal; }

                          @font-face {
                            font-family: "Fira Sans";
                            src: url("../fonts/FiraSans-Italic.woff2") format("woff2");
                            font-weight: 400;
                            font-style: italic; }

                            @font-face {
                              font-family: "Fira Sans";
                              src: url("../fonts/FiraSans-Medium.woff2") format("woff2");
                              font-weight: 500;
                              font-style: normal; }

                              @font-face {
                                font-family: "Fira Sans";
                                src: url("../fonts/FiraSans-MediumItalic.woff2") format("woff2");
                                font-weight: 500;
                                font-style: italic; }

                                @font-face {
                                  font-family: "Fira Sans";
                                  src: url("../fonts/FiraSans-SemiBold.woff2") format("woff2");
                                  font-weight: 600;
                                  font-style: normal; }

                                  @font-face {
                                    font-family: "Fira Sans";
                                    src: url("../fonts/FiraSans-SemiBoldItalic.woff2") format("woff2");
                                    font-weight: 600;
                                    font-style: italic; }

                                    @font-face {
                                      font-family: "Fira Sans";
                                      src: url("../fonts/FiraSans-Bold.woff2") format("woff2");
                                      font-weight: 700;
                                      font-style: normal; }

                                      @font-face {
                                        font-family: "Fira Sans";
                                        src: url("../fonts/FiraSans-BoldItalic.woff2") format("woff2");
                                        font-weight: 700 bold;
                                        font-style: italic; }

                                        @font-face {
                                          font-family: "Fira Sans";
                                          src: url("../fonts/FiraSans-ExtraBold.woff2") format("woff2");
                                          font-weight: 800;
                                          font-style: normal; }

                                          @font-face {
                                            font-family: "Fira Sans";
                                            src: url("../fonts/FiraSans-ExtraBoldItalic.woff2") format("woff2");
                                            font-weight: 800;
                                            font-style: italic; }

                                            @font-face {
                                              font-family: "Fira Sans";
                                              src: url("../fonts/FiraSans-Heavy.woff2") format("woff2");
                                              font-weight: 900;
                                              font-style: normal; }

                                              @font-face {
                                                font-family: "Fira Sans";
                                                src: url("../fonts/FiraSans-HeavyItalic.woff2") format("woff2");
                                                font-weight: 900;
                                                font-style: italic; }

                                                html, body {
                                                  font-family: "Fira Sans";
                                                  padding: 0;
                                                  margin: 0;
                                                  font-variant-numeric: oldstyle-nums proportional-nums;
                                                  font-variant-ligatures: discretionary-ligatures; }

                                                  .language-select {
                                                    font-family: "Fira Sans", sans-serif;
                                                    font-weight: 300;
                                                    font-size: 0.7em;
                                                    position: absolute;
                                                    top: 0;
                                                    right: 0;
                                                    margin: 1em;
                                                    color: white; }

                                                    footer {
                                                      font-family: "Fira Sans", sans-serif;
                                                      font-weight: 300;
                                                      font-size: 0.7em;
                                                      padding: 1em; }

                                                      a, a:link, a:visited, a:hover, a:active {
                                                        color: inherit;
                                                        text-decoration: inherit; }

                                                        a:hover {
                                                          -webkit-text-stroke-width: 0.5px; }

                                                          body {
                                                            height: 100vh;
                                                            background: top left / cover no-repeat black;
                                                            font-weight: 600; }

                                                            #overflow-fix {
                                                              width: 100vw;
                                                              height: 100vh;
                                                              overflow: hidden;
                                                              position: absolute; }

                                                              #main {
                                                                position: absolute;
                                                                left: 50%;
                                                                top: 50%;
                                                                width: calc(200vmax);
                                                                transform-origin: center center;
                                                                display: grid;
                                                                grid-template-columns: 2fr 3em 3fr;
                                                                grid-template-rows: repeat(7, 1fr);
                                                                grid-gap: 0;
                                                                mix-blend-mode: screen;
                                                                transition: transform 0.5s;
                                                                transform: translate(-50%, -50%) rotate(-45deg); }
                                                                @media (max-aspect-ratio: 2 / 3) {
                                                                  #main {
                                                                    transform: translate(-50%, -50%) rotate(-60deg);   }
}
                                                                  @media (min-aspect-ratio: 3 / 2) {
                                                                    #main {
                                                                      transform: translate(-50%, -50%) rotate(-30deg);   }
}
                                                                    @media (min-aspect-ratio: 2 / 1) {
                                                                      #main {
                                                                        transform: translate(-50%, -50%) rotate(-15deg);   }
}
                                                                      @media (min-aspect-ratio: 3 / 1) {
                                                                        #main {
                                                                          transform: translate(-50%, -50%) rotate(-7deg);   }
}
                                                                        #main > div {
                                                                          background: white;
                                                                          color: black;
                                                                          padding: 0.5em 0.5em 0.5em 0.8em;
                                                                          margin: 0;
                                                                          font-size: 1em;
                                                                          line-height: 1em;
                                                                          grid-column: 3;
                                                                          border: none;
                                                                          border-radius: 1px; }
                                                                          #main > div:nth-child(2n) {
                                                                            background: none;
                                                                            color: white; }
                                                                            #main > div:first-child {
                                                                              grid-column: 1;
                                                                              grid-row: 1 / 8; }
                                                                              #main > div:nth-child(2) {
                                                                                font-family: "Libertinus Serif", serif;
                                                                                line-height: 1.4;
                                                                                letter-spacing: 0.02em;
                                                                                font-feature-settings: "liga";
                                                                                font-variant-ligatures: discretionary-ligatures;
                                                                                font-kerning: normal;
                                                                                font-weight: bold;
                                                                                font-size: 2.7em;
                                                                                grid-column: 2;
                                                                                grid-row: 1 / 8;
                                                                                writing-mode: vertical-rl;
                                                                                line-height: 1;
                                                                                padding: 0;
                                                                                margin: 0;
                                                                                white-space: nowrap;
                                                                                overflow: visible;
                                                                                transform: translateX(-28%); }

footer {
  position: absolute;
  bottom: 0;
  right: 0;
  color: white; }

  .language-select {
    left: 0; }