<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
        <meta property="og:title" content="xtazy" />
        <meta property="og:description" content="View xtazy Site" />
        <meta property="og:type" content="website" />
        <meta property="og:image" content="https://media.discordapp.net/attachments/1311733528777719879/1312058051431235624/image_2.png?ex=675a4608&is=6758f488&hm=78a4e5635f94227631074c725608f2a7bc4a9444bd73dc685717b22a4abf2db0&=&format=webp&quality=lossless"/>        
        <link href="./xtazyzy_files/0.a5c4c3fc.css" rel="stylesheet" />
        <link href="./xtazyzy_files/4.d056df31.css" rel="stylesheet" />
        <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>
		  <link href="./xtazyzy_files/main.css" rel="stylesheet" />
        <meta name="google-site-verification" content="l88yCf9kU6OV4VgePIaj4dRLqdmEfuuwuZ6gKrh45GA"/>
    </head>

    <body data-sveltekit-preload-data="hover">
        <div style="display: contents;">
            <div class="flex flex-col items-center justify-center min-h-screen min-w-screen overflow-x-hidden">
                <div class="h-full w-full max-w-5xl px-8 sm:space-y-64 space-y-16 sm:py-48 py-16" style="">
                    <section class="h-fit space-y-4 text-center items-center justify-center">
                        <h1 class="text-4xl sm:text-7xl font-bold tracking-tighter text-center graffiti-text">xtazy</h1>
                        <p class="text-sm sm:text-lg leading-8 text-center text-muted-foreground max-w-2xl mx-auto" style="">nashi, but as a god.</p>
                    </section>
            <section class="h-fit space-y-4 text-center items-center justify-center relative">
                <center>
                <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/xtazylogo.png" alt="xtazy" />
                </center>
                <section class="h-fit space-y-4 text-center items-center justify-center">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                        <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
                        <div class="col-span-1 flex flex-col items-center justify-center h-full w-full">
                            <h2 class="text-3xl font-bold tracking-tighter text-center">BANNER</h2>
                            <p class="text-sm sm:text-lg leading-8 text-center text-muted-foreground max-w-2xl mx-auto">

                            </p>
                        </div>
                        <div class="col-span-1 flex flex-col items-center justify-center h-full w-full">
                            <img class="w-full h-full transitoion-all duration-300 transform hover:border-violet-500 rounded-xl shadow-xl border-2 border-secondary" src="./xtazyzy_files/xtazyk.png" alt="nakaka-tanga to pramis"/>
                        </div>
                        </div>
                    </div>
                </svg>
           </div>
                            <div align="center">
                    <a href="https://discord.gg/xtazy" target="_blank">
                    <h1 class="text-blue-100 font-bold sm:text-4xl text-2xl font-poppins text-center" style="transform: translateY(0px); opacity: 1;">
                        Join us on Discord!
                    </h1>
                    <p class="text-sm sm:text-lg leading-8 text-center text-muted-foreground max-w-2xl mx-auto">
                        discord.gg/xtazy
                    </p>
                    <!-- Discord Widget Embed -->
                    <div class="discord-widget-container">
                        <iframe src="https://discord.com/widget?id=1229355235235987517&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
                    </div>
                    </a>
                 </svg>
               </div>
               <div class="max-w-5xl w-full mx-auto py-36 px-4">
                  <h1 class="text-blue-100 font-bold sm:text-4xl text-2xl font-poppins text-center" style="transform: translateY(0px); opacity: 1;">Officials</h1>
                  <div class="flex sm:flex-row flex-col gap-2 max-w-xl w-full justify-center mx-auto mt-3">
                     <div class="flex w-full" style="transform: translateY(0px); opacity: 1;"></div>
                     <div class="flex justify-center" style="transform: translateY(0px); opacity: 1;"></div>
                  </div>
                  <div class="flex" style="opacity: 1;">
                     <div class="rfm-marquee-container rounded-md mt-4" style="--pause-on-hover: paused; --pause-on-click: paused; --width: 100%; --transform: none;">
                        <div class="rfm-marquee" style="--play: running; --direction: normal; --duration: 30.683681640625s; --delay: 0s; --iteration-count: infinite; --min-width: 70%;">
                           <div class="rfm-initial-child-container">
                              <div class="rfm-child" style="--transform: none;">
                                 <div class="flex flex-row gap-4">
                                    <a href="https://xtazy.org/nashi" class="ml-4 border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/nashi.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Nashi</h1>
                                     </a>
                                     <a href="https://xtazy.org/kaizen" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/kaizen.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Kaizen.</h1>
                                     </a>
                                     <a href="https://xtazy.org/fallen" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/fallen.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Fallen</h1>
                                     </a>
                                     <a href="https://xtazy.org/crvsh" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/crvsh.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@crv$h</h1>
                                     </a>
                                     <a href="https://xtazy.org/jujuondabeat" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/jujuondabeat.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Mami Juju</h1>
                                     </a>
                                         <a href="https://xtazy.org/aye" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/aye.jpg">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Aye</h1>
                                        </a>
                                     <a href="https://xtazy.org/khenbanks" class="ml-4 border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/khen.png">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Khen</h1>
                                     </a>
                                     <a href="https://xtazy.org/mavi" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/mavi.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Mavi</h1>
                                     </a>
                                     <a href="https://xtazy.org/fxgo1" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/fxgo1.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Fxgo</h1>
                                     </a>
                                         <a href="https://xtazy.org/hesi" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/hesi.webp">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Hesi</h1>
                                        </a>
                                         <a href="https://xtazy.org/hermode" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/hermo.webp">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Hermophobic.</h1>
                                        </a>
                                         <a href="https://xtazy.org/Piatos" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/Piatos.gif">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Piatos</h1>
                                        </a>
                                     <a href="https://xtazy.org/ced" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/ced.jpg">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Cedzu</h1>
                                     </a>
                                     <a href="https://xtazy.org/hades" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/hades.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Hades</h1>
                                     </a>
                                     <a href="https://xtazy.org/kash" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/kash.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Kash</h1>
                                     </a>
                                     <a href="https://xtazy.org/suprize" class="ml-4 border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/suprize.gif">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Suprize</h1>
                                        </a>
                                     <a href="https://xtazy.org/xxxthanaxxx" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/thana.gif">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Thana.</h1>
                                        </a>
                                        <a href="https://xtazy.org/ysa" class="ml-4 border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/ysa.webp">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Ysa</h1>
                                        <a href="https://xtazy.org/ash" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/ziyel.webp">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Ziyel</h1>
                                         <a href="https://xtazy.org/amberjennings" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/amber.png">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Amber</h1>
                                        </a>
                                         <a href="https://xtazy.org/isiaah" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/chase.jpg">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Isiaah</h1>
                                        </a>
                                         <a href="https://xtazy.org/kai" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                           <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/kai.webp">
                                           <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Kai</h1>
                                        </a>
                                        <a href="https://xtazy.org/rico" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                          <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/rico.webp">
                                          <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Rico</h1>
                                       </a>
                                       <a href="https://xtazy.org/saintz" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                         <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/saintz.webp">
                                         <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Saints</h1>
                                      </a>
                                      <a href="https://xtazy.org/lexi" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                        <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/lexi.webp">
                                        <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Lexi</h1>
                                     </a>
                                     <a href="https://xtazy.org/zy" class=" border-zinc-800 bg-zinc-900 hover:border-blue-700 border-2 py-1.5 px-2 w-fit rounded-md duration-300 flex flex-row items-center justify-center gap-2">
                                       <img loading="lazy" class="h-12 w-12 rounded-full" src="./xtazyzy_files/zy.webp">
                                       <h1 class="text-blue-100 font-semibold text-base font-poppins text-center">@Zy</h1>
                                    </a>                                                                                                                                                                                                
                                </a>
                            </div>
                         </div>
                      </div>
                   </div>
             </svg>
          </div>                       
    <script src="./xtazyzy_files/vanilla-tilt.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            VanillaTilt.init(document.querySelectorAll(".vanilla-tilt"));
        });
    </script>
            </section>
                </footer>
            </div>
            <div
                id="svelte-announcer"
                aria-live="assertive"
                aria-atomic="true"
                style="position: absolute; left: 0px; top: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px;"
            ></div>
        </div>

        <div class="max-w-5xl w-full mx-auto py-36 px-4">
            <h1 class="text-blue-100 font-bold sm:text-4xl text-2xl font-poppins text-center" style="transform: translateY(0px); opacity: 1;">AFFILIATED WITH</h1>
            <div class="flex sm:flex-row flex-col gap-2 max-w-xl w-full justify-center mx-auto mt-3">
               <div class="flex w-full" style="transform: translateY(0px); opacity: 1;"></div>
               <div class="flex justify-center" style="transform: translateY(0px); opacity: 1;"></div>
            </div>
         </div>
         
   <body>      
   <center>
               <section class="h-fit space-y-4 text-center items-center justify-center relative">
                   <center>
                   <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/revshitt.png" alt="nakakatanga to pramis" />
                   </center>
                   <section class="h-fit space-y-4 text-center items-center justify-center">
                       <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                           <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   </body>
   <body>
   </div>
   <center>
               <section class="h-fit space-y-4 text-center items-center justify-center relative">
                   <center>
                   <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/5.png" alt="nakakatanga to pramis" />
                   </center>
                   <section class="h-fit space-y-4 text-center items-center justify-center">
                       <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                           <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   <body>
   </div>
   <center>
               <section class="h-fit space-y-4 text-center items-center justify-center relative">
                   <center>
                   <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/xorev1.png" alt="nakakatanga to pramis" />
                   </center>
                   <section class="h-fit space-y-4 text-center items-center justify-center">
                       <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                           <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   <body>
   </div>
   <center>
                  <section class="h-fit space-y-4 text-center items-center justify-center relative">
                      <center>
                      <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/srk.png" alt="nakakatanga to pramis" />
                      </center>
                      <section class="h-fit space-y-4 text-center items-center justify-center">
                          <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                              <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   <body>
   </div>
   <center>
               <section class="h-fit space-y-4 text-center items-center justify-center relative">
                   <center>
                   <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/flyshit1.png" alt="nakakatanga to pramis" />
                   </center>
                   <section class="h-fit space-y-4 text-center items-center justify-center">
                       <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                           <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   <body>
   </div>
   <center>
               <section class="h-fit space-y-4 text-center items-center justify-center relative">
                   <center>
                   <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/mobmomb.png" alt="nakakatanga to pramis" />
                   </center>
                   <section class="h-fit space-y-4 text-center items-center justify-center">
                       <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                           <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   <body>
   </div>
   <center>
               <section class="h-fit space-y-4 text-center items-center justify-center relative">
                   <center>
                   <img id="flyshit" class="vanilla-tilt" src="./xtazyzy_files/192.png" alt="nakakatanga to pramis" />
                   </center>
                   <section class="h-fit space-y-4 text-center items-center justify-center">
                       <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
                           <div class="md:col-span-2 col-span-1 flex flex-col items-center justify-center h-full w-full"></div>
   <body>
   </div>
   </body>
    <!-- Background Music -->
    <audio id="background-music" src="iggy_htrb/resources/bgmusic.mp3" loop autoplay></audio>

    <!-- Music Overlay -->
    <div id="music-overlay">
        <i id="volume-icon" class="fas fa-volume-up"></i>
        <input id="volume-control" type="range" min="0" max="1" step="0.01" value="0.5">
    </div>
    <script>
      // JavaScript for music volume and mute/unmute functionality
      const music = document.getElementById('background-music');
      const volumeControl = document.getElementById('volume-control');
      const volumeIcon = document.getElementById('volume-icon');

      // Update volume based on slider input
      volumeControl.addEventListener('input', (event) => {
          music.volume = event.target.value;
          if (music.volume === 0) {
              volumeIcon.className = 'fas fa-volume-mute';
          } else if (music.volume < 0.5) {
              volumeIcon.className = 'fas fa-volume-down';
          } else {
              volumeIcon.className = 'fas fa-volume-up';
          }
      });

      // Mute/Unmute toggle on icon click
      volumeIcon.addEventListener('click', () => {
          if (music.muted) {
              music.muted = false;
              volumeIcon.className = music.volume < 0.5 ? 'fas fa-volume-down' : 'fas fa-volume-up';
          } else {
              music.muted = true;
              volumeIcon.className = 'fas fa-volume-mute';
          }
      });
  </script>
</body>
<style type="text/css">.rfm-marquee-container {
         overflow-x: hidden;
         display: flex;
         flex-direction: row;
         position: relative;
         width: var(--width);
         transform: var(--transform);
         }
         .rfm-marquee-container:hover div {
         animation-play-state: var(--pause-on-hover);
         }
         .rfm-marquee-container:active div {
         animation-play-state: var(--pause-on-click);
         }
         .rfm-overlay {
         position: absolute;
         width: 100%;
         height: 100%;
         }
         .rfm-overlay::before, .rfm-overlay::after {
         background: linear-gradient(to right, var(--gradient-color), transparent);
         content: "";
         height: 100%;
         position: absolute;
         width: var(--gradient-width);
         z-index: 2;
         pointer-events: none;
         touch-action: none;
         }
         .rfm-overlay::after {
         right: 0;
         top: 0;
         transform: rotateZ(180deg);
         }
         .rfm-overlay::before {
         left: 0;
         top: 0;
         }
         .rfm-marquee {
         flex: 0 0 auto;
         min-width: var(--min-width);
         z-index: 1;
         display: flex;
         flex-direction: row;
         align-items: center;
         animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
         animation-play-state: var(--play);
         animation-delay: var(--delay);
         animation-direction: var(--direction);
         }
         @keyframes scroll {
         0% {
         transform: translateX(0%);
         }
         100% {
         transform: translateX(-100%);
         }
         }
         .rfm-initial-child-container {
         flex: 0 0 auto;
         display: flex;
         min-width: auto;
         flex-direction: row;
         align-items: center;
         }
         .rfm-child {
         transform: var(--transform);
         }
      </style>          
</html>
