@font-face {
  font-family: 'Druk';
  src: url('./fonts/Druk_Text_Cyr_Heavy_Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      background: #000;
      font-family: 'Druk', sans-serif;      box-sizing: border-box;
      overflow: hidden;
    }

    #borderWrapper {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .scroll-strip {
      position: absolute;
      background: black;
      color: white;
      font-size: 1.1rem;
      white-space: nowrap;
      overflow: hidden;
      z-index: 200;
      font-family: 'Druk', sans-serif;
    }

    .scroll-strip .inner {
      display: inline-block;
      white-space: nowrap;
      animation: scroll-loop 10s linear infinite;
    }

    #topScroll, #bottomScroll {
      height: 2.8em;
      width: 100%;
      line-height: 2.8em;
    }

    #topScroll {
      top: 0;
      left: 0;
    }

    #bottomScroll {
      bottom: 0;
      left: 0;
    }

    #leftScroll, #rightScroll {
      width: 2.8em;
      height: 100%;
      writing-mode: vertical-rl;
      text-orientation: upright;
      line-height: 2.8em;
    }

    #leftScroll {
      top: 0;
      left: 0;
    }

    #rightScroll {
      top: 0;
      right: 0;
    }

    @keyframes scroll-loop {
      0%   { transform: translateX(0%); }
      100% { transform: translateX(-50%); }
    }

    @keyframes scroll-vertical-loop {
      0%   { transform: translateY(0%); }
      100% { transform: translateY(-50%); }
    }

    #leftScroll .inner,
    #rightScroll .inner {
      animation: scroll-vertical-loop 30s linear infinite;
      display: inline-block;
    }

    #container {
      position: absolute;
      top: 2.8em;
      bottom: 2.8em;
      left: 2.8em;
      right: 2.8em;
      background: #c80001;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
    }

    #centerImage {
      position: relative;
      max-width: 80%;
      max-height: 80%;
      height: auto;
      object-fit: contain;
      z-index: 10;
      pointer-events: none;
    }