diff --git a/sq2bs.html b/sq2bs.html
index 90b495a..2416f30 100644
--- a/sq2bs.html
+++ b/sq2bs.html
@@ -47,12 +47,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="helmet-items" id="helmet-choice" name="helmet-choice" placeholder="No Helmet" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="helmet-items" id="helmet-choice" name="helmet-choice" placeholder="No Helmet" value="" tabindex="1"/>
                                                 <datalist id="helmet-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="helmet-powder" name="helmet-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="helmet-powder" name="helmet-powder" placeholder="powders" tabindex="1"/>
                                             </div>
                                         </div>
                                     </div>
@@ -76,12 +76,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No ring" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="ring1-items" id="ring1-choice" name="ring1-choice" placeholder="No ring" value="" tabindex="2"/>
                                                 <datalist id="ring1-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="ring1-powder" name="ring1-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="ring1-powder" name="ring1-powder" placeholder="powders" tabindex="2"/>
                                             </div>
                                         </div>
                                     </div>
@@ -105,12 +105,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="chestplate-items" id="chestplate-choice" name="chestplate-choice" placeholder="No chestplate" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="chestplate-items" id="chestplate-choice" name="chestplate-choice" placeholder="No chestplate" value="" tabindex="1"/>
                                                 <datalist id="chestplate-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="chestplate-powder" name="chestplate-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="chestplate-powder" name="chestplate-powder" placeholder="powders" tabindex="1"/>
                                             </div>
                                         </div>
                                     </div>
@@ -134,12 +134,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No ring" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="ring2-items" id="ring2-choice" name="ring2-choice" placeholder="No ring" value="" tabindex="2"/>
                                                 <datalist id="ring2-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="ring2-powder" name="ring2-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="ring2-powder" name="ring2-powder" placeholder="powders" tabindex="2"/>
                                             </div>
                                         </div>
                                     </div>
@@ -163,12 +163,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="leggings-items" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="leggings-items" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/>
                                                 <datalist id="leggings-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="leggings-powder" name="leggings-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="leggings-powder" name="leggings-powder" placeholder="powders" tabindex="1"/>
                                             </div>
                                         </div>
                                     </div>
@@ -192,12 +192,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No bracelet" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="bracelet-items" id="bracelet-choice" name="bracelet-choice" placeholder="No bracelet" value="" tabindex="2"/>
                                                 <datalist id="bracelet-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="bracelet-powder" name="bracelet-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="bracelet-powder" name="bracelet-powder" placeholder="powders" tabindex="2"/>
                                             </div>
                                         </div>
                                     </div>
@@ -221,12 +221,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="boots-items" id="boots-choice" name="boots-choice" placeholder="No boots" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="boots-items" id="boots-choice" name="boots-choice" placeholder="No boots" value="" tabindex="1"/>
                                                 <datalist id="boots-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="boots-powder" name="boots-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="boots-powder" name="boots-powder" placeholder="powders" tabindex="1"/>
                                             </div>
                                         </div>
                                     </div>
@@ -250,12 +250,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No necklace" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="necklace-items" id="necklace-choice" name="necklace-choice" placeholder="No necklace" value="" tabindex="2"/>
                                                 <datalist id="necklace-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="necklace-powder" name="necklace-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="necklace-powder" name="necklace-powder" placeholder="powders" tabindex="2"/>
                                             </div>
                                         </div>
                                     </div>
@@ -279,12 +279,12 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="weapon-items" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" list="weapon-items" id="weapon-choice" name="weapon-choice" placeholder="No Weapon" value="" tabindex="2"/>
                                                 <datalist id="weapon-items">
                                                 </datalist>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="weapon-powder" name="weapon-powder" placeholder="powders"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" id="weapon-powder" name="weapon-powder" placeholder="powders" tabindex="2"/>
                                             </div>
                                         </div>
                                     </div>
@@ -308,10 +308,10 @@
                                     <div class="col g-0 rounded">
                                         <div class="row row-cols-1 h-100 align-items-center">
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" id="level-choice" name="level-choice" value="106" placeholder="Build level" value=""/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/>
                                             </div>
                                             <div class="col">
-                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" placeholder="Load from local"/>
+                                                <input class="equipment-input border-dark text-light dark-7 rounded scaled-font" type="text" placeholder="Load from local" tabindex="2"/>
                                             </div>
                                         </div>
                                     </div>
@@ -326,7 +326,7 @@
                                     <div class="col text-center gx-2">
                                         <div class="rounded dark-6 dark-shadow-sm px-2">
                                             <label for="str-skp" class="eDam skp-tooltip">Strength</label>
-                                            <input type="string" id="str-skp" name="str-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded"/>
+                                            <input type="string" id="str-skp" name="str-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center rounded" tabindex="2"/>
                                             <div id="str-skp-assign" class="skp-tooltip" style="display: none;">
                                                 Manually Assigned: 0
                                             </div>
@@ -340,7 +340,7 @@
                                     <div class="col text-center gx-2">
                                         <div class="rounded dark-6 dark-shadow-sm px-2">
                                             <label for="dex-skp" class="tDam skp-tooltip">Dexterity</label>
-                                            <input type="string" id="dex-skp" name="dex-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center"/>
+                                            <input type="string" id="dex-skp" name="dex-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center" tabindex="2"/>
                                             <div id="dex-skp-assign" class="skp-tooltip" style="display: none;">
                                                 Manually Assigned: 0
                                             </div>
@@ -354,7 +354,7 @@
                                     <div class="col text-center gx-2">
                                         <div class="rounded dark-6 dark-shadow-sm px-2">
                                             <label for="int-skp" class="wDam skp-tooltip text-nowrap">Intelligence</label>
-                                            <input type="string" id="int-skp" name="int-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center"/>
+                                            <input type="string" id="int-skp" name="int-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center" tabindex="2"/>
                                             <div id="int-skp-assign" class="skp-tooltip" style="display: none;">
                                                 Manually Assigned: 0
                                             </div>
@@ -368,7 +368,7 @@
                                     <div class="col text-center gx-2">
                                         <div class="rounded dark-6 dark-shadow-sm px-2">
                                             <label for="def-skp" class="fDam skp-tooltip">Defense</label>
-                                            <input type="string" id="def-skp" name="def-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center"/>
+                                            <input type="string" id="def-skp" name="def-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center" tabindex="2"/>
                                             <div id="def-skp-assign" class="skp-tooltip" style="display: none;">
                                                 Manually Assigned: 0
                                             </div>
@@ -382,7 +382,7 @@
                                     <div class="col text-center gx-2">
                                         <div class="rounded dark-6 dark-shadow-sm px-2">
                                             <label for="agi-skp" class="aDam skp-tooltip">Agility</label>
-                                            <input type="string" id="agi-skp" name="agi-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center"/>
+                                            <input type="string" id="agi-skp" name="agi-skp" value="0" class="skp-update skp-tooltip border-dark dark-7 text-light text-center" tabindex="2"/>
                                             <div id="agi-skp-assign" class="skp-tooltip" style="display: none;">
                                                 Manually Assigned: 0
                                             </div>