diff --git a/src/index.html b/src/index.html
index c70df375..4209778c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -54,7 +54,7 @@
     <meta name="theme-color" content="#ffffff" />
   </head>
   <body class="bg-hard_black text-brightwhite">
-    <div class="fixed top-0 right-0 h-16 w-16 md:h-24 md:w-24">
+    <div class="fixed right-0 top-0 h-16 w-16 md:h-24 md:w-24">
       <a
         href="https://github.com/srcery-colors"
         class="github-corner"
@@ -79,76 +79,76 @@
 
     <div>
       <header
-        class="bg-xgray2 text-center font-iosevka border-b-2 border-brightwhite"
+        class="border-b-2 border-brightwhite bg-xgray2 text-center font-iosevka"
       >
         <div class="py-4 md:py-6">
-          <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
+          <h1 class="text-2xl uppercase md:text-4xl lg:text-5xl">srcery</h1>
           <p>a dark color scheme</p>
         </div>
       </header>
       <main
-        class="container mx-auto flex flex-col items-center px-2 sm:px-0 my-8 md:my-12 font-iosevka text-center"
+        class="container mx-auto my-8 flex flex-col items-center px-2 text-center font-iosevka sm:px-0 md:my-12"
       >
         <div class="flex flex-row items-center justify-center">
           <div class="flex flex-col sm:flex-row">
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-red"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-red sm:h-24"></div>
             </div>
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-brightred"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-brightred sm:h-24"></div>
             </div>
           </div>
           <div class="flex flex-col sm:flex-row">
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-green"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-green sm:h-24"></div>
             </div>
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-brightgreen"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-brightgreen sm:h-24"></div>
             </div>
           </div>
           <div class="flex flex-col sm:flex-row">
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-yellow"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-yellow sm:h-24"></div>
             </div>
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-brightyellow"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-brightyellow sm:h-24"></div>
             </div>
           </div>
           <div class="flex flex-col sm:flex-row">
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-blue"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-blue sm:h-24"></div>
             </div>
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-brightblue"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-brightblue sm:h-24"></div>
             </div>
           </div>
           <div class="flex flex-col sm:flex-row">
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-magenta"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-magenta sm:h-24"></div>
             </div>
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-brightmagenta"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-brightmagenta sm:h-24"></div>
             </div>
           </div>
           <div class="flex flex-col sm:flex-row">
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-cyan"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-cyan sm:h-24"></div>
             </div>
-            <div class="flex-none w-6 mx-1">
-              <div class="h-12 sm:h-24 bg-brightcyan"></div>
+            <div class="mx-1 w-6 flex-none">
+              <div class="h-12 bg-brightcyan sm:h-24"></div>
             </div>
           </div>
         </div>
-        <section class="max-w-2xl mt-8 md:mt-12">
+        <section class="mt-8 max-w-2xl md:mt-12">
           <h2
-            class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"
+            class="mb-6 inline-block border-b-2 border-white font-iosevka text-2xl"
           >
             Introduction
           </h2>
           <p class="mb-4 text-justify">
             <a
               href="https://github.com/srcery-colors"
-              class="inline-block no-underline text-brightgreen hover:text-brightblue antialiased"
+              class="inline-block text-brightgreen no-underline antialiased hover:text-brightblue"
             >
               Srcery
             </a>
@@ -164,9 +164,9 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
             or terminal emulator.
           </p>
         </section>
-        <section class="max-w-2xl mt-8 md:mt-12">
+        <section class="mt-8 max-w-2xl md:mt-12">
           <h2
-            class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"
+            class="mb-6 inline-block border-b-2 border-white font-iosevka text-2xl"
           >
             Implementations
           </h2>
@@ -178,7 +178,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
           <ul class="list-reset">
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-emacs"
               >
                 Emacs
@@ -187,7 +187,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-gui"
               >
                 GUI Application Configurations
@@ -196,7 +196,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-insomnia"
               >
                 Insomnia
@@ -205,7 +205,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-intellij"
               >
                 IntelliJ
@@ -214,7 +214,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-shell"
               >
                 Shell Application Configurations
@@ -223,7 +223,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-terminal"
               >
                 Terminal Configurations
@@ -232,7 +232,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-tmux"
               >
                 tmux
@@ -241,7 +241,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-vim"
               >
                 Vim
@@ -250,7 +250,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-vscode"
               >
                 Visual Studio Code
@@ -259,7 +259,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/srcery-colors/srcery-web"
               >
                 Web Assets
@@ -267,9 +267,9 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
             </li>
           </ul>
         </section>
-        <section class="max-w-2xl mt-8 md:mt-12">
+        <section class="mt-8 max-w-2xl md:mt-12">
           <h2
-            class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"
+            class="mb-6 inline-block border-b-2 border-white font-iosevka text-2xl"
           >
             Social
           </h2>
@@ -279,7 +279,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
           Discord!"
             ><svg
               xmlns="http://www.w3.org/2000/svg"
-              class="fill-current w-40"
+              class="w-40 fill-current"
               viewBox="0 0 800 272.1"
             >
               <path
@@ -293,9 +293,9 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
             </svg>
           </a>
         </section>
-        <section class="max-w-2xl mt-8 md:mt-12">
+        <section class="mt-8 max-w-2xl md:mt-12">
           <h2
-            class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"
+            class="mb-6 inline-block border-b-2 border-white font-iosevka text-2xl"
           >
             Merch
           </h2>
@@ -308,24 +308,24 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
           <ul class="list-reset">
             <li>
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
-                href="https://srcery-colors.creator-spring.com"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
+                href="https://merch.srcery.sh"
               >
                 Teespring Storefront
               </a>
             </li>
           </ul>
         </section>
-        <section class="max-w-5xl mt-8 md:mt-12">
+        <section class="mt-8 max-w-5xl md:mt-12">
           <h2
-            class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"
+            class="mb-6 inline-block border-b-2 border-white font-iosevka text-2xl"
           >
             Preview
           </h2>
           <div
-            class="flex flex-col lg:flex-row flex-wrap px-1 sm:px-2 sm:-mx-2"
+            class="flex flex-col flex-wrap px-1 sm:-mx-2 sm:px-2 lg:flex-row"
           >
-            <div class="w-full lg:w-1/2 mb-4 px-2">
+            <div class="mb-4 w-full px-2 lg:w-1/2">
               <a
                 class="glightbox outline-none"
                 data-gallery="gallery1"
@@ -335,7 +335,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
                 <img alt="Bash/VimL" src="./images/viml_bash.min.png" />
               </a>
             </div>
-            <div class="w-full lg:w-1/2 mb-4 px-2">
+            <div class="mb-4 w-full px-2 lg:w-1/2">
               <a
                 class="glightbox outline-none"
                 data-gallery="gallery1"
@@ -345,7 +345,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
                 <img alt="Clojure" src="./images/lisp.min.png" />
               </a>
             </div>
-            <div class="w-full lg:w-1/2 mb-4 px-2">
+            <div class="mb-4 w-full px-2 lg:w-1/2">
               <a
                 class="glightbox outline-none"
                 data-gallery="gallery1"
@@ -355,7 +355,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
                 <img alt="C/Rust" src="./images/c_rust.min.png" />
               </a>
             </div>
-            <div class="w-full lg:w-1/2 mb-4 px-2">
+            <div class="mb-4 w-full px-2 lg:w-1/2">
               <a
                 class="glightbox outline-none"
                 data-gallery="gallery1"
@@ -365,7 +365,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
                 <img alt="Python/JavsScript" src="./images/py_js.min.png" />
               </a>
             </div>
-            <div class="w-full lg:w-1/2 mb-4 px-2">
+            <div class="mb-4 w-full px-2 lg:w-1/2">
               <a
                 class="glightbox outline-none"
                 data-gallery="gallery1"
@@ -377,16 +377,16 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
             </div>
           </div>
         </section>
-        <section class="max-w-2xl mt-8 md:mt-12">
+        <section class="mt-8 max-w-2xl md:mt-12">
           <h2
-            class="font-iosevka text-2xl inline-block mb-6 border-b-2 border-white"
+            class="mb-6 inline-block border-b-2 border-white font-iosevka text-2xl"
           >
             Attribution
           </h2>
-          <p class="text-justify mb-4">
+          <p class="mb-4 text-justify">
             This project started as essentially a palette swap of
             <a
-              class="text-brightgreen hover:text-brightblue antialiased no-underline"
+              class="text-brightgreen no-underline antialiased hover:text-brightblue"
               href="https://github.com/morhetz/gruvbox"
               >Gruvbox</a
             >
@@ -395,7 +395,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
             syntax color choices of Gruvbox. He also tried to make the theme as
             simple to use as possible, which was inspired by
             <a
-              class="text-brightgreen hover:text-brightblue antialiased no-underline"
+              class="text-brightgreen no-underline antialiased hover:text-brightblue"
               href="https://github.com/romainl/flattened"
               >Flattened</a
             >.
@@ -404,14 +404,14 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
           <ul class="list-reset">
             <li class="inline-block">
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/sjl/badwolf"
                 >Badwolf</a
               >
             </li>
             <li class="inline-block">
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="http://chriskempson.com/projects/base16/"
                 >Base16</a
               >
@@ -419,14 +419,14 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
 
             <li class="inline-block">
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/nanotech/jellybeans.vim"
                 >Jellybeans</a
               >
             </li>
             <li class="inline-block">
               <a
-                class="text-brightgreen hover:text-brightblue antialiased no-underline"
+                class="text-brightgreen no-underline antialiased hover:text-brightblue"
                 href="https://github.com/tomasr/molokai"
                 >Molokai</a
               >
@@ -435,10 +435,10 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
         </section>
       </main>
       <footer class="bg-xgray2 p-4">
-        <p class="tracking-wide text-center">
+        <p class="text-center tracking-wide">
           Made with
           <svg
-            class="inline-block fill-current h-3 w-3 align-middle text-red hover:text-green"
+            class="inline-block h-3 w-3 fill-current align-middle text-red hover:text-green"
             xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 20 20"
           >
@@ -449,7 +449,7 @@ <h1 class="text-2xl md:text-4xl lg:text-5xl uppercase">srcery</h1>
           </svg>
           by the
           <a
-            class="text-yellow hover:text-magenta no-underline"
+            class="text-yellow no-underline hover:text-magenta"
             href="https://github.com/srcery-colors"
             >srcery team</a
           >.
