did...did somebody say smooth?

src/index.css

@@ -147,7 +147,7 @@
   }
 
   .stepper-pill {
-    @apply flex w-max min-w-max items-center rounded-full border border-zinc-800 bg-material px-3 py-1 shadow-md transition-colors group-[.active]:border-purple-400/60 group-[.active]:bg-side-purple-700/30 group-[.active]:font-title group-[.active]:font-medium hover:border-purple-400/40 hover:bg-side-purple-700/20;
+    @apply flex w-max min-w-max items-center rounded-full border border-zinc-800 bg-material px-3 py-1 shadow-md transition-colors duration-300 group-[.active]:border-purple-400/60 group-[.active]:bg-side-purple-700/30 group-[.active]:font-title  hover:border-purple-400/40 hover:bg-side-purple-700/20 xs:group-[.active]:font-medium;
   }
 
   .btn-fill.disabled,

src/index.html

@@ -309,7 +309,9 @@ <h1 class="text-4xl font-medium tracking-tight shadow-title-r font-title sm:text
 
 
 
-            <div id="setup-content" class="flex-grow w-full h-full mt-4 text-left lg:mt-0 lg:mb-8"></div>
+            <div id="setup-content"
+              class="flex-grow w-full h-full mt-4 text-left transition-all duration-300 translate-y-0 opacity-100 lg:mt-0 lg:mb-8">
+            </div>
 
             <div class="flex items-start w-full">
               <div
@@ -417,7 +419,9 @@ <h1 class="text-4xl font-medium tracking-tight shadow-title-r font-title sm:text
           <div>
             The MDC version of SideStore above (bypass 3-app limit) is only compatible with <b>iOS 15.0-16.1.2</b>, and
             is very outdated, and so you may experience issues. If you want to have this feature, we reccomend you join
-            our <a class="glink" href="https://discord.gg/sidestore">Discord</a> and go to the <a class="glink" href="https://discord.com/channels/949183273383395328/1126118099930861638">sidestore-downloads</a> channel, which will contain MDC compatible SideStore builds. Then,
+            our <a class="glink" href="https://discord.gg/sidestore">Discord</a> and go to the <a class="glink"
+              href="https://discord.com/channels/949183273383395328/1126118099930861638">sidestore-downloads</a>
+            channel, which will contain MDC compatible SideStore builds. Then,
             <a class="glink" href="https://github.com/zhuowei/WDBRemoveThreeAppLimit/releases/tag/v1.0">seperately
               install WDBRemoveThreeAppLimit with SideStore</a> to apply the patch.
           </div>
@@ -504,4 +508,4 @@ <h1 class="text-4xl font-medium tracking-tight shadow-title-r font-title sm:text
   <script src="./index.js" type="module"></script>
 </body>
 
-</html>
+</html>

src/index.js

@@ -44,10 +44,10 @@ let setupStepContents = [
       'A PC running Linux, of some sort'
     )}</li><li>An iCloud account (a burner account is recommended)</li><li>An Internet connection</li><li>An iPhone or iPad with iOS 14 or iPadOS 14 or later</li></ul><br>On your computer, download the following:<a class="btn-fill" target="_blank" href="${osW(
       'https://github.com/SideStore/SideServer-macOS/releases/latest/download/SideServer.dmg',
-      'https://github.com/SideStore/SideServer-Windows/releases/latest/download/SideServer.Installer.msi'
+      'https://github.com/SideStore/SideServer-Windows/releases/latest/download/SideServer.Installer.zip'
     )}">Download SideServer</a>${osW(
       `Then, open the downloaded file and drag <code>SideServer.app</code> to your Applications folder. Now, open the app (you may have to right click and select "Open" if you get a warning).`,
-      `Then, open the downloaded file and run the installer. You'll also need to install the non-Microsoft Store version of iTunes, and iCloud and uninstall the Microsoft Store versions if you have either installed.<div class="flex flex-col xs:flex-row space-y-2 xs:space-y-0 xs:space-x-2"><a class="btn-fill" href="https://support.apple.com/en-us/HT210384">Download iTunes</a><a class="btn-fill" href="https://updates.cdn-apple.com/2020/windows/001-39935-20200911-1A70AA56-F448-11EA-8CC0-99D41950005E/iCloudSetup.exe">Download iCloud</a></div>`
+      `Then, extract the downloaded file and run <code>setup.exe</code> to install SideServer. You'll also need to install the non-Microsoft Store version of iTunes, and iCloud and uninstall the Microsoft Store versions if you have either installed.<div class="flex flex-wrap gap-2"><a class="btn-fill" href="https://support.apple.com/en-us/HT210384">Download iTunes</a><a class="btn-fill" href="https://updates.cdn-apple.com/2020/windows/001-39935-20200911-1A70AA56-F448-11EA-8CC0-99D41950005E/iCloudSetup.exe">Download iCloud</a></div>`
     )}`,
   //sideload app
   (os) =>
@@ -69,12 +69,17 @@ const setupPrevBtn = document.querySelector('#setup-prev-btn');
 const setupContent = document.querySelector('#setup-content');
 const setupStepper = [...document.querySelectorAll('#setup-stepper li:not([aria-hidden="true"])')];
 const update = (act) => {
-  setupStepper.map((item, idx) => {
-    item.classList.remove('active');
-    if (idx == act) item.classList.add('active');
-  });
+  setupStepper.map((item, idx) => item.classList.toggle('active', idx == act));
+
+  setupContent.classList.add('!opacity-0');
+  // setupContent.classList.remove('translate-y-[40px]');
+  setupContent.classList.add('translate-y-[10px]');
 
-  setupContent.innerHTML = setupStepContents[act](detectedOS);
+  setTimeout(() => {
+    setupContent.innerHTML = setupStepContents[act](detectedOS);
+    setupContent.classList.remove('!opacity-0');
+    setupContent.classList.remove('translate-y-[10px]');
+  }, 300);
   act == 0 ? (setupPrevBtn.style.display = 'none') : (setupPrevBtn.style.display = 'flex');
   act == 3 ? (setupNextBtn.style.display = 'none') : (setupNextBtn.style.display = 'flex');
 };

tailwind.config.js

@@ -17,7 +17,7 @@ module.exports = {
         grid35ok: '1268px',
         grid12ok: '1422px',
         dualbuttonok: '540px',
-        bardualok: '380px',
+        bardualok: '430px',
       },
       colors: {
         side: {