<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

<style>
  .transition_wrap {
    display: block;
  }
  
  body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
  }

  /*Text Selection Color*/
  ::selection {
    background: blue;
    color: white;
  }
  ::-moz-selection {
    background: blue;
    color: white;
  }

  /*Reset apple form styles*/
  input, textarea, select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    border-radius: 0; 
    background-image: none; 
  }

  html, body {
    overscroll-behavior: none;
  }

  body {
    font-family: 'IBM Plex Mono';
  }

  @font-face {
    font-family: 'IBM Plex Mono';
    src: url('https://saykeyword.com/cine/fonts/IBMPlexMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'IBM Plex Mono';
    src: url('https://saykeyword.com/cine/fonts/IBMPlexMono-Medium.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'IBM Plex Mono';
    src: url('https://saykeyword.com/cine/fonts/IBMPlexMono-Medium.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'IBM Plex Mono';
    src: url('https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgsAXHNk.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'IBM Plex Mono';
    src: url('https://fonts.gstatic.com/s/ibmplexmono/v19/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'IBM Plex Mono';
    src: url('https://fonts.gstatic.com/s/ibmplexmono/v19/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
</style>

<script>
  function scrollToSvg() {
    const svgElement = document.querySelector('svg[viewBox="0 0 1927 161"]');
    const offset = 43; // Adjust this value to control the scroll position
    const elementPosition = svgElement.getBoundingClientRect().top + window.pageYOffset;
    const offsetPosition = elementPosition - offset;

    window.scrollTo({
      top: offsetPosition,
      behavior: 'smooth'
    });
  }
</script>

<script>
  if (localStorage.getItem('dark-mode') !== true) {
    document.documentElement.classList.add("dark-mode");
  }
</script>

<!-- Remove internal link on refresh -->
<script>
  if (performance.navigation.type === 1) {
    // User has refreshed the page
    const currentUrl = window.location.href;
    const internalLinkIndex = currentUrl.indexOf("#");
    if (internalLinkIndex !== -1) {
      // Remove the internal link from the URL
      const newUrl = currentUrl.substring(0, internalLinkIndex);
      window.history.replaceState({}, document.title, newUrl);
    }
  }
</script>