diff --git a/app/Http/Livewire/GamePopular.php b/app/Http/Livewire/GamePopular.php
index 6131fd1..c549eca 100644
--- a/app/Http/Livewire/GamePopular.php
+++ b/app/Http/Livewire/GamePopular.php
@@ -24,7 +24,7 @@ public function loadPopularGames()
 	                & ( first_release_date >= {$before}
 	                & first_release_date < {$after});
 	                sort popularity desc;
-	                limit 10;
+	                limit 12;
 	            "
         	])->get($endpoint)->json();
         });
diff --git a/public/css/main.css b/public/css/main.css
index 33ea45b..c6765ea 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -798,6 +798,18 @@ video {
   margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
 }
 
+.space-y-44 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(11rem * var(--space-y-reverse));
+}
+
+.space-x-44 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(11rem * var(--space-x-reverse));
+  margin-left: calc(11rem * calc(1 - var(--space-x-reverse)));
+}
+
 .space-y-48 > :not(template) ~ :not(template) {
   --space-y-reverse: 0;
   margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
@@ -1014,6 +1026,18 @@ video {
   margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
 }
 
+.-space-y-44 > :not(template) ~ :not(template) {
+  --space-y-reverse: 0;
+  margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+  margin-bottom: calc(-11rem * var(--space-y-reverse));
+}
+
+.-space-x-44 > :not(template) ~ :not(template) {
+  --space-x-reverse: 0;
+  margin-right: calc(-11rem * var(--space-x-reverse));
+  margin-left: calc(-11rem * calc(1 - var(--space-x-reverse)));
+}
+
 .-space-y-48 > :not(template) ~ :not(template) {
   --space-y-reverse: 0;
   margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
@@ -6228,6 +6252,10 @@ video {
   height: 10rem;
 }
 
+.h-44 {
+  height: 11rem;
+}
+
 .h-48 {
   height: 12rem;
 }
@@ -6432,6 +6460,10 @@ video {
   margin: 10rem;
 }
 
+.m-44 {
+  margin: 11rem;
+}
+
 .m-48 {
   margin: 12rem;
 }
@@ -6508,6 +6540,10 @@ video {
   margin: -10rem;
 }
 
+.-m-44 {
+  margin: -11rem;
+}
+
 .-m-48 {
   margin: -12rem;
 }
@@ -6674,6 +6710,16 @@ video {
   margin-right: 10rem;
 }
 
+.my-44 {
+  margin-top: 11rem;
+  margin-bottom: 11rem;
+}
+
+.mx-44 {
+  margin-left: 11rem;
+  margin-right: 11rem;
+}
+
 .my-48 {
   margin-top: 12rem;
   margin-bottom: 12rem;
@@ -6864,6 +6910,16 @@ video {
   margin-right: -10rem;
 }
 
+.-my-44 {
+  margin-top: -11rem;
+  margin-bottom: -11rem;
+}
+
+.-mx-44 {
+  margin-left: -11rem;
+  margin-right: -11rem;
+}
+
 .-my-48 {
   margin-top: -12rem;
   margin-bottom: -12rem;
@@ -7144,6 +7200,22 @@ video {
   margin-left: 10rem;
 }
 
+.mt-44 {
+  margin-top: 11rem;
+}
+
+.mr-44 {
+  margin-right: 11rem;
+}
+
+.mb-44 {
+  margin-bottom: 11rem;
+}
+
+.ml-44 {
+  margin-left: 11rem;
+}
+
 .mt-48 {
   margin-top: 12rem;
 }
@@ -7448,6 +7520,22 @@ video {
   margin-left: -10rem;
 }
 
+.-mt-44 {
+  margin-top: -11rem;
+}
+
+.-mr-44 {
+  margin-right: -11rem;
+}
+
+.-mb-44 {
+  margin-bottom: -11rem;
+}
+
+.-ml-44 {
+  margin-left: -11rem;
+}
+
 .-mt-48 {
   margin-top: -12rem;
 }
@@ -7897,6 +7985,10 @@ video {
   padding: 10rem;
 }
 
+.p-44 {
+  padding: 11rem;
+}
+
 .p-48 {
   padding: 12rem;
 }
@@ -8063,6 +8155,16 @@ video {
   padding-right: 10rem;
 }
 
+.py-44 {
+  padding-top: 11rem;
+  padding-bottom: 11rem;
+}
+
+.px-44 {
+  padding-left: 11rem;
+  padding-right: 11rem;
+}
+
 .py-48 {
   padding-top: 12rem;
   padding-bottom: 12rem;
@@ -8343,6 +8445,22 @@ video {
   padding-left: 10rem;
 }
 
+.pt-44 {
+  padding-top: 11rem;
+}
+
+.pr-44 {
+  padding-right: 11rem;
+}
+
+.pb-44 {
+  padding-bottom: 11rem;
+}
+
+.pl-44 {
+  padding-left: 11rem;
+}
+
 .pt-48 {
   padding-top: 12rem;
 }
@@ -15315,6 +15433,10 @@ video {
   width: 10rem;
 }
 
+.w-44 {
+  width: 11rem;
+}
+
 .w-48 {
   width: 12rem;
 }
@@ -15550,6 +15672,11 @@ video {
   gap: 10rem;
 }
 
+.gap-44 {
+  grid-gap: 11rem;
+  gap: 11rem;
+}
+
 .gap-48 {
   grid-gap: 12rem;
   gap: 12rem;
@@ -15660,6 +15787,12 @@ video {
        column-gap: 10rem;
 }
 
+.col-gap-44 {
+  grid-column-gap: 11rem;
+  -moz-column-gap: 11rem;
+       column-gap: 11rem;
+}
+
 .col-gap-48 {
   grid-column-gap: 12rem;
   -moz-column-gap: 12rem;
@@ -15759,6 +15892,11 @@ video {
   row-gap: 10rem;
 }
 
+.row-gap-44 {
+  grid-row-gap: 11rem;
+  row-gap: 11rem;
+}
+
 .row-gap-48 {
   grid-row-gap: 12rem;
   row-gap: 12rem;
@@ -16716,6 +16854,10 @@ video {
   --transform-translate-x: 10rem;
 }
 
+.translate-x-44 {
+  --transform-translate-x: 11rem;
+}
+
 .translate-x-48 {
   --transform-translate-x: 12rem;
 }
@@ -16788,6 +16930,10 @@ video {
   --transform-translate-x: -10rem;
 }
 
+.-translate-x-44 {
+  --transform-translate-x: -11rem;
+}
+
 .-translate-x-48 {
   --transform-translate-x: -12rem;
 }
@@ -16880,6 +17026,10 @@ video {
   --transform-translate-y: 10rem;
 }
 
+.translate-y-44 {
+  --transform-translate-y: 11rem;
+}
+
 .translate-y-48 {
   --transform-translate-y: 12rem;
 }
@@ -16952,6 +17102,10 @@ video {
   --transform-translate-y: -10rem;
 }
 
+.-translate-y-44 {
+  --transform-translate-y: -11rem;
+}
+
 .-translate-y-48 {
   --transform-translate-y: -12rem;
 }
@@ -17044,6 +17198,10 @@ video {
   --transform-translate-x: 10rem;
 }
 
+.hover\:translate-x-44:hover {
+  --transform-translate-x: 11rem;
+}
+
 .hover\:translate-x-48:hover {
   --transform-translate-x: 12rem;
 }
@@ -17116,6 +17274,10 @@ video {
   --transform-translate-x: -10rem;
 }
 
+.hover\:-translate-x-44:hover {
+  --transform-translate-x: -11rem;
+}
+
 .hover\:-translate-x-48:hover {
   --transform-translate-x: -12rem;
 }
@@ -17208,6 +17370,10 @@ video {
   --transform-translate-y: 10rem;
 }
 
+.hover\:translate-y-44:hover {
+  --transform-translate-y: 11rem;
+}
+
 .hover\:translate-y-48:hover {
   --transform-translate-y: 12rem;
 }
@@ -17280,6 +17446,10 @@ video {
   --transform-translate-y: -10rem;
 }
 
+.hover\:-translate-y-44:hover {
+  --transform-translate-y: -11rem;
+}
+
 .hover\:-translate-y-48:hover {
   --transform-translate-y: -12rem;
 }
@@ -17372,6 +17542,10 @@ video {
   --transform-translate-x: 10rem;
 }
 
+.focus\:translate-x-44:focus {
+  --transform-translate-x: 11rem;
+}
+
 .focus\:translate-x-48:focus {
   --transform-translate-x: 12rem;
 }
@@ -17444,6 +17618,10 @@ video {
   --transform-translate-x: -10rem;
 }
 
+.focus\:-translate-x-44:focus {
+  --transform-translate-x: -11rem;
+}
+
 .focus\:-translate-x-48:focus {
   --transform-translate-x: -12rem;
 }
@@ -17536,6 +17714,10 @@ video {
   --transform-translate-y: 10rem;
 }
 
+.focus\:translate-y-44:focus {
+  --transform-translate-y: 11rem;
+}
+
 .focus\:translate-y-48:focus {
   --transform-translate-y: 12rem;
 }
@@ -17608,6 +17790,10 @@ video {
   --transform-translate-y: -10rem;
 }
 
+.focus\:-translate-y-44:focus {
+  --transform-translate-y: -11rem;
+}
+
 .focus\:-translate-y-48:focus {
   --transform-translate-y: -12rem;
 }
@@ -18289,6 +18475,18 @@ video {
     margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .sm\:space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .sm\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .sm\:space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
@@ -18505,6 +18703,18 @@ video {
     margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .sm\:-space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .sm\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .sm\:-space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
@@ -23719,6 +23929,10 @@ video {
     height: 10rem;
   }
 
+  .sm\:h-44 {
+    height: 11rem;
+  }
+
   .sm\:h-48 {
     height: 12rem;
   }
@@ -23923,6 +24137,10 @@ video {
     margin: 10rem;
   }
 
+  .sm\:m-44 {
+    margin: 11rem;
+  }
+
   .sm\:m-48 {
     margin: 12rem;
   }
@@ -23999,6 +24217,10 @@ video {
     margin: -10rem;
   }
 
+  .sm\:-m-44 {
+    margin: -11rem;
+  }
+
   .sm\:-m-48 {
     margin: -12rem;
   }
@@ -24165,6 +24387,16 @@ video {
     margin-right: 10rem;
   }
 
+  .sm\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .sm\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
   .sm\:my-48 {
     margin-top: 12rem;
     margin-bottom: 12rem;
@@ -24355,6 +24587,16 @@ video {
     margin-right: -10rem;
   }
 
+  .sm\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
   .sm\:-my-48 {
     margin-top: -12rem;
     margin-bottom: -12rem;
@@ -24635,6 +24877,22 @@ video {
     margin-left: 10rem;
   }
 
+  .sm\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .sm\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .sm\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .sm\:ml-44 {
+    margin-left: 11rem;
+  }
+
   .sm\:mt-48 {
     margin-top: 12rem;
   }
@@ -24939,6 +25197,22 @@ video {
     margin-left: -10rem;
   }
 
+  .sm\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .sm\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .sm\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-ml-44 {
+    margin-left: -11rem;
+  }
+
   .sm\:-mt-48 {
     margin-top: -12rem;
   }
@@ -25388,6 +25662,10 @@ video {
     padding: 10rem;
   }
 
+  .sm\:p-44 {
+    padding: 11rem;
+  }
+
   .sm\:p-48 {
     padding: 12rem;
   }
@@ -25554,6 +25832,16 @@ video {
     padding-right: 10rem;
   }
 
+  .sm\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .sm\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
   .sm\:py-48 {
     padding-top: 12rem;
     padding-bottom: 12rem;
@@ -25834,6 +26122,22 @@ video {
     padding-left: 10rem;
   }
 
+  .sm\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .sm\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .sm\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .sm\:pl-44 {
+    padding-left: 11rem;
+  }
+
   .sm\:pt-48 {
     padding-top: 12rem;
   }
@@ -32806,6 +33110,10 @@ video {
     width: 10rem;
   }
 
+  .sm\:w-44 {
+    width: 11rem;
+  }
+
   .sm\:w-48 {
     width: 12rem;
   }
@@ -33041,6 +33349,11 @@ video {
     gap: 10rem;
   }
 
+  .sm\:gap-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
   .sm\:gap-48 {
     grid-gap: 12rem;
     gap: 12rem;
@@ -33151,6 +33464,12 @@ video {
          column-gap: 10rem;
   }
 
+  .sm\:col-gap-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
   .sm\:col-gap-48 {
     grid-column-gap: 12rem;
     -moz-column-gap: 12rem;
@@ -33250,6 +33569,11 @@ video {
     row-gap: 10rem;
   }
 
+  .sm\:row-gap-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
   .sm\:row-gap-48 {
     grid-row-gap: 12rem;
     row-gap: 12rem;
@@ -34207,6 +34531,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .sm\:translate-x-44 {
+    --transform-translate-x: 11rem;
+  }
+
   .sm\:translate-x-48 {
     --transform-translate-x: 12rem;
   }
@@ -34279,6 +34607,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .sm\:-translate-x-44 {
+    --transform-translate-x: -11rem;
+  }
+
   .sm\:-translate-x-48 {
     --transform-translate-x: -12rem;
   }
@@ -34371,6 +34703,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .sm\:translate-y-44 {
+    --transform-translate-y: 11rem;
+  }
+
   .sm\:translate-y-48 {
     --transform-translate-y: 12rem;
   }
@@ -34443,6 +34779,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .sm\:-translate-y-44 {
+    --transform-translate-y: -11rem;
+  }
+
   .sm\:-translate-y-48 {
     --transform-translate-y: -12rem;
   }
@@ -34535,6 +34875,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .sm\:hover\:translate-x-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
   .sm\:hover\:translate-x-48:hover {
     --transform-translate-x: 12rem;
   }
@@ -34607,6 +34951,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .sm\:hover\:-translate-x-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
   .sm\:hover\:-translate-x-48:hover {
     --transform-translate-x: -12rem;
   }
@@ -34699,6 +35047,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .sm\:hover\:translate-y-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
   .sm\:hover\:translate-y-48:hover {
     --transform-translate-y: 12rem;
   }
@@ -34771,6 +35123,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .sm\:hover\:-translate-y-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
   .sm\:hover\:-translate-y-48:hover {
     --transform-translate-y: -12rem;
   }
@@ -34863,6 +35219,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .sm\:focus\:translate-x-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
   .sm\:focus\:translate-x-48:focus {
     --transform-translate-x: 12rem;
   }
@@ -34935,6 +35295,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .sm\:focus\:-translate-x-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
   .sm\:focus\:-translate-x-48:focus {
     --transform-translate-x: -12rem;
   }
@@ -35027,6 +35391,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .sm\:focus\:translate-y-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
   .sm\:focus\:translate-y-48:focus {
     --transform-translate-y: 12rem;
   }
@@ -35099,6 +35467,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .sm\:focus\:-translate-y-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
   .sm\:focus\:-translate-y-48:focus {
     --transform-translate-y: -12rem;
   }
@@ -35664,6 +36036,18 @@ video {
     margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .md\:space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .md\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .md\:space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
@@ -35880,6 +36264,18 @@ video {
     margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .md\:-space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .md\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .md\:-space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
@@ -41094,6 +41490,10 @@ video {
     height: 10rem;
   }
 
+  .md\:h-44 {
+    height: 11rem;
+  }
+
   .md\:h-48 {
     height: 12rem;
   }
@@ -41298,6 +41698,10 @@ video {
     margin: 10rem;
   }
 
+  .md\:m-44 {
+    margin: 11rem;
+  }
+
   .md\:m-48 {
     margin: 12rem;
   }
@@ -41374,6 +41778,10 @@ video {
     margin: -10rem;
   }
 
+  .md\:-m-44 {
+    margin: -11rem;
+  }
+
   .md\:-m-48 {
     margin: -12rem;
   }
@@ -41540,6 +41948,16 @@ video {
     margin-right: 10rem;
   }
 
+  .md\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .md\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
   .md\:my-48 {
     margin-top: 12rem;
     margin-bottom: 12rem;
@@ -41730,6 +42148,16 @@ video {
     margin-right: -10rem;
   }
 
+  .md\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .md\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
   .md\:-my-48 {
     margin-top: -12rem;
     margin-bottom: -12rem;
@@ -42010,6 +42438,22 @@ video {
     margin-left: 10rem;
   }
 
+  .md\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .md\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .md\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .md\:ml-44 {
+    margin-left: 11rem;
+  }
+
   .md\:mt-48 {
     margin-top: 12rem;
   }
@@ -42314,6 +42758,22 @@ video {
     margin-left: -10rem;
   }
 
+  .md\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .md\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .md\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .md\:-ml-44 {
+    margin-left: -11rem;
+  }
+
   .md\:-mt-48 {
     margin-top: -12rem;
   }
@@ -42763,6 +43223,10 @@ video {
     padding: 10rem;
   }
 
+  .md\:p-44 {
+    padding: 11rem;
+  }
+
   .md\:p-48 {
     padding: 12rem;
   }
@@ -42929,6 +43393,16 @@ video {
     padding-right: 10rem;
   }
 
+  .md\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .md\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
   .md\:py-48 {
     padding-top: 12rem;
     padding-bottom: 12rem;
@@ -43209,6 +43683,22 @@ video {
     padding-left: 10rem;
   }
 
+  .md\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .md\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .md\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .md\:pl-44 {
+    padding-left: 11rem;
+  }
+
   .md\:pt-48 {
     padding-top: 12rem;
   }
@@ -50181,6 +50671,10 @@ video {
     width: 10rem;
   }
 
+  .md\:w-44 {
+    width: 11rem;
+  }
+
   .md\:w-48 {
     width: 12rem;
   }
@@ -50416,6 +50910,11 @@ video {
     gap: 10rem;
   }
 
+  .md\:gap-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
   .md\:gap-48 {
     grid-gap: 12rem;
     gap: 12rem;
@@ -50526,6 +51025,12 @@ video {
          column-gap: 10rem;
   }
 
+  .md\:col-gap-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
   .md\:col-gap-48 {
     grid-column-gap: 12rem;
     -moz-column-gap: 12rem;
@@ -50625,6 +51130,11 @@ video {
     row-gap: 10rem;
   }
 
+  .md\:row-gap-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
   .md\:row-gap-48 {
     grid-row-gap: 12rem;
     row-gap: 12rem;
@@ -51582,6 +52092,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .md\:translate-x-44 {
+    --transform-translate-x: 11rem;
+  }
+
   .md\:translate-x-48 {
     --transform-translate-x: 12rem;
   }
@@ -51654,6 +52168,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .md\:-translate-x-44 {
+    --transform-translate-x: -11rem;
+  }
+
   .md\:-translate-x-48 {
     --transform-translate-x: -12rem;
   }
@@ -51746,6 +52264,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .md\:translate-y-44 {
+    --transform-translate-y: 11rem;
+  }
+
   .md\:translate-y-48 {
     --transform-translate-y: 12rem;
   }
@@ -51818,6 +52340,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .md\:-translate-y-44 {
+    --transform-translate-y: -11rem;
+  }
+
   .md\:-translate-y-48 {
     --transform-translate-y: -12rem;
   }
@@ -51910,6 +52436,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .md\:hover\:translate-x-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
   .md\:hover\:translate-x-48:hover {
     --transform-translate-x: 12rem;
   }
@@ -51982,6 +52512,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .md\:hover\:-translate-x-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
   .md\:hover\:-translate-x-48:hover {
     --transform-translate-x: -12rem;
   }
@@ -52074,6 +52608,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .md\:hover\:translate-y-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
   .md\:hover\:translate-y-48:hover {
     --transform-translate-y: 12rem;
   }
@@ -52146,6 +52684,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .md\:hover\:-translate-y-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
   .md\:hover\:-translate-y-48:hover {
     --transform-translate-y: -12rem;
   }
@@ -52238,6 +52780,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .md\:focus\:translate-x-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
   .md\:focus\:translate-x-48:focus {
     --transform-translate-x: 12rem;
   }
@@ -52310,6 +52856,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .md\:focus\:-translate-x-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
   .md\:focus\:-translate-x-48:focus {
     --transform-translate-x: -12rem;
   }
@@ -52402,6 +52952,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .md\:focus\:translate-y-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
   .md\:focus\:translate-y-48:focus {
     --transform-translate-y: 12rem;
   }
@@ -52474,6 +53028,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .md\:focus\:-translate-y-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
   .md\:focus\:-translate-y-48:focus {
     --transform-translate-y: -12rem;
   }
@@ -53039,6 +53597,18 @@ video {
     margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .lg\:space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .lg\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .lg\:space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
@@ -53255,6 +53825,18 @@ video {
     margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .lg\:-space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .lg\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .lg\:-space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
@@ -58469,6 +59051,10 @@ video {
     height: 10rem;
   }
 
+  .lg\:h-44 {
+    height: 11rem;
+  }
+
   .lg\:h-48 {
     height: 12rem;
   }
@@ -58673,6 +59259,10 @@ video {
     margin: 10rem;
   }
 
+  .lg\:m-44 {
+    margin: 11rem;
+  }
+
   .lg\:m-48 {
     margin: 12rem;
   }
@@ -58749,6 +59339,10 @@ video {
     margin: -10rem;
   }
 
+  .lg\:-m-44 {
+    margin: -11rem;
+  }
+
   .lg\:-m-48 {
     margin: -12rem;
   }
@@ -58915,6 +59509,16 @@ video {
     margin-right: 10rem;
   }
 
+  .lg\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .lg\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
   .lg\:my-48 {
     margin-top: 12rem;
     margin-bottom: 12rem;
@@ -59105,6 +59709,16 @@ video {
     margin-right: -10rem;
   }
 
+  .lg\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
   .lg\:-my-48 {
     margin-top: -12rem;
     margin-bottom: -12rem;
@@ -59385,6 +59999,22 @@ video {
     margin-left: 10rem;
   }
 
+  .lg\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .lg\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .lg\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .lg\:ml-44 {
+    margin-left: 11rem;
+  }
+
   .lg\:mt-48 {
     margin-top: 12rem;
   }
@@ -59689,6 +60319,22 @@ video {
     margin-left: -10rem;
   }
 
+  .lg\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .lg\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .lg\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-ml-44 {
+    margin-left: -11rem;
+  }
+
   .lg\:-mt-48 {
     margin-top: -12rem;
   }
@@ -60138,6 +60784,10 @@ video {
     padding: 10rem;
   }
 
+  .lg\:p-44 {
+    padding: 11rem;
+  }
+
   .lg\:p-48 {
     padding: 12rem;
   }
@@ -60304,6 +60954,16 @@ video {
     padding-right: 10rem;
   }
 
+  .lg\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .lg\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
   .lg\:py-48 {
     padding-top: 12rem;
     padding-bottom: 12rem;
@@ -60584,6 +61244,22 @@ video {
     padding-left: 10rem;
   }
 
+  .lg\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .lg\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .lg\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .lg\:pl-44 {
+    padding-left: 11rem;
+  }
+
   .lg\:pt-48 {
     padding-top: 12rem;
   }
@@ -67556,6 +68232,10 @@ video {
     width: 10rem;
   }
 
+  .lg\:w-44 {
+    width: 11rem;
+  }
+
   .lg\:w-48 {
     width: 12rem;
   }
@@ -67791,6 +68471,11 @@ video {
     gap: 10rem;
   }
 
+  .lg\:gap-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
   .lg\:gap-48 {
     grid-gap: 12rem;
     gap: 12rem;
@@ -67901,6 +68586,12 @@ video {
          column-gap: 10rem;
   }
 
+  .lg\:col-gap-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
   .lg\:col-gap-48 {
     grid-column-gap: 12rem;
     -moz-column-gap: 12rem;
@@ -68000,6 +68691,11 @@ video {
     row-gap: 10rem;
   }
 
+  .lg\:row-gap-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
   .lg\:row-gap-48 {
     grid-row-gap: 12rem;
     row-gap: 12rem;
@@ -68957,6 +69653,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .lg\:translate-x-44 {
+    --transform-translate-x: 11rem;
+  }
+
   .lg\:translate-x-48 {
     --transform-translate-x: 12rem;
   }
@@ -69029,6 +69729,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .lg\:-translate-x-44 {
+    --transform-translate-x: -11rem;
+  }
+
   .lg\:-translate-x-48 {
     --transform-translate-x: -12rem;
   }
@@ -69121,6 +69825,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .lg\:translate-y-44 {
+    --transform-translate-y: 11rem;
+  }
+
   .lg\:translate-y-48 {
     --transform-translate-y: 12rem;
   }
@@ -69193,6 +69901,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .lg\:-translate-y-44 {
+    --transform-translate-y: -11rem;
+  }
+
   .lg\:-translate-y-48 {
     --transform-translate-y: -12rem;
   }
@@ -69285,6 +69997,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .lg\:hover\:translate-x-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
   .lg\:hover\:translate-x-48:hover {
     --transform-translate-x: 12rem;
   }
@@ -69357,6 +70073,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .lg\:hover\:-translate-x-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
   .lg\:hover\:-translate-x-48:hover {
     --transform-translate-x: -12rem;
   }
@@ -69449,6 +70169,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .lg\:hover\:translate-y-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
   .lg\:hover\:translate-y-48:hover {
     --transform-translate-y: 12rem;
   }
@@ -69521,6 +70245,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .lg\:hover\:-translate-y-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
   .lg\:hover\:-translate-y-48:hover {
     --transform-translate-y: -12rem;
   }
@@ -69613,6 +70341,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .lg\:focus\:translate-x-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
   .lg\:focus\:translate-x-48:focus {
     --transform-translate-x: 12rem;
   }
@@ -69685,6 +70417,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .lg\:focus\:-translate-x-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
   .lg\:focus\:-translate-x-48:focus {
     --transform-translate-x: -12rem;
   }
@@ -69777,6 +70513,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .lg\:focus\:translate-y-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
   .lg\:focus\:translate-y-48:focus {
     --transform-translate-y: 12rem;
   }
@@ -69849,6 +70589,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .lg\:focus\:-translate-y-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
   .lg\:focus\:-translate-y-48:focus {
     --transform-translate-y: -12rem;
   }
@@ -70414,6 +71158,18 @@ video {
     margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .xl\:space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(11rem * var(--space-y-reverse));
+  }
+
+  .xl\:space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(11rem * var(--space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .xl\:space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
@@ -70630,6 +71386,18 @@ video {
     margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
   }
 
+  .xl\:-space-y-44 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--space-y-reverse));
+  }
+
+  .xl\:-space-x-44 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--space-x-reverse)));
+  }
+
   .xl\:-space-y-48 > :not(template) ~ :not(template) {
     --space-y-reverse: 0;
     margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
@@ -75844,6 +76612,10 @@ video {
     height: 10rem;
   }
 
+  .xl\:h-44 {
+    height: 11rem;
+  }
+
   .xl\:h-48 {
     height: 12rem;
   }
@@ -76048,6 +76820,10 @@ video {
     margin: 10rem;
   }
 
+  .xl\:m-44 {
+    margin: 11rem;
+  }
+
   .xl\:m-48 {
     margin: 12rem;
   }
@@ -76124,6 +76900,10 @@ video {
     margin: -10rem;
   }
 
+  .xl\:-m-44 {
+    margin: -11rem;
+  }
+
   .xl\:-m-48 {
     margin: -12rem;
   }
@@ -76290,6 +77070,16 @@ video {
     margin-right: 10rem;
   }
 
+  .xl\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .xl\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
   .xl\:my-48 {
     margin-top: 12rem;
     margin-bottom: 12rem;
@@ -76480,6 +77270,16 @@ video {
     margin-right: -10rem;
   }
 
+  .xl\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
   .xl\:-my-48 {
     margin-top: -12rem;
     margin-bottom: -12rem;
@@ -76760,6 +77560,22 @@ video {
     margin-left: 10rem;
   }
 
+  .xl\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .xl\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .xl\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .xl\:ml-44 {
+    margin-left: 11rem;
+  }
+
   .xl\:mt-48 {
     margin-top: 12rem;
   }
@@ -77064,6 +77880,22 @@ video {
     margin-left: -10rem;
   }
 
+  .xl\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .xl\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .xl\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-ml-44 {
+    margin-left: -11rem;
+  }
+
   .xl\:-mt-48 {
     margin-top: -12rem;
   }
@@ -77513,6 +78345,10 @@ video {
     padding: 10rem;
   }
 
+  .xl\:p-44 {
+    padding: 11rem;
+  }
+
   .xl\:p-48 {
     padding: 12rem;
   }
@@ -77679,6 +78515,16 @@ video {
     padding-right: 10rem;
   }
 
+  .xl\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .xl\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
   .xl\:py-48 {
     padding-top: 12rem;
     padding-bottom: 12rem;
@@ -77959,6 +78805,22 @@ video {
     padding-left: 10rem;
   }
 
+  .xl\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .xl\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .xl\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .xl\:pl-44 {
+    padding-left: 11rem;
+  }
+
   .xl\:pt-48 {
     padding-top: 12rem;
   }
@@ -84931,6 +85793,10 @@ video {
     width: 10rem;
   }
 
+  .xl\:w-44 {
+    width: 11rem;
+  }
+
   .xl\:w-48 {
     width: 12rem;
   }
@@ -85166,6 +86032,11 @@ video {
     gap: 10rem;
   }
 
+  .xl\:gap-44 {
+    grid-gap: 11rem;
+    gap: 11rem;
+  }
+
   .xl\:gap-48 {
     grid-gap: 12rem;
     gap: 12rem;
@@ -85276,6 +86147,12 @@ video {
          column-gap: 10rem;
   }
 
+  .xl\:col-gap-44 {
+    grid-column-gap: 11rem;
+    -moz-column-gap: 11rem;
+         column-gap: 11rem;
+  }
+
   .xl\:col-gap-48 {
     grid-column-gap: 12rem;
     -moz-column-gap: 12rem;
@@ -85375,6 +86252,11 @@ video {
     row-gap: 10rem;
   }
 
+  .xl\:row-gap-44 {
+    grid-row-gap: 11rem;
+    row-gap: 11rem;
+  }
+
   .xl\:row-gap-48 {
     grid-row-gap: 12rem;
     row-gap: 12rem;
@@ -86332,6 +87214,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .xl\:translate-x-44 {
+    --transform-translate-x: 11rem;
+  }
+
   .xl\:translate-x-48 {
     --transform-translate-x: 12rem;
   }
@@ -86404,6 +87290,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .xl\:-translate-x-44 {
+    --transform-translate-x: -11rem;
+  }
+
   .xl\:-translate-x-48 {
     --transform-translate-x: -12rem;
   }
@@ -86496,6 +87386,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .xl\:translate-y-44 {
+    --transform-translate-y: 11rem;
+  }
+
   .xl\:translate-y-48 {
     --transform-translate-y: 12rem;
   }
@@ -86568,6 +87462,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .xl\:-translate-y-44 {
+    --transform-translate-y: -11rem;
+  }
+
   .xl\:-translate-y-48 {
     --transform-translate-y: -12rem;
   }
@@ -86660,6 +87558,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .xl\:hover\:translate-x-44:hover {
+    --transform-translate-x: 11rem;
+  }
+
   .xl\:hover\:translate-x-48:hover {
     --transform-translate-x: 12rem;
   }
@@ -86732,6 +87634,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .xl\:hover\:-translate-x-44:hover {
+    --transform-translate-x: -11rem;
+  }
+
   .xl\:hover\:-translate-x-48:hover {
     --transform-translate-x: -12rem;
   }
@@ -86824,6 +87730,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .xl\:hover\:translate-y-44:hover {
+    --transform-translate-y: 11rem;
+  }
+
   .xl\:hover\:translate-y-48:hover {
     --transform-translate-y: 12rem;
   }
@@ -86896,6 +87806,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .xl\:hover\:-translate-y-44:hover {
+    --transform-translate-y: -11rem;
+  }
+
   .xl\:hover\:-translate-y-48:hover {
     --transform-translate-y: -12rem;
   }
@@ -86988,6 +87902,10 @@ video {
     --transform-translate-x: 10rem;
   }
 
+  .xl\:focus\:translate-x-44:focus {
+    --transform-translate-x: 11rem;
+  }
+
   .xl\:focus\:translate-x-48:focus {
     --transform-translate-x: 12rem;
   }
@@ -87060,6 +87978,10 @@ video {
     --transform-translate-x: -10rem;
   }
 
+  .xl\:focus\:-translate-x-44:focus {
+    --transform-translate-x: -11rem;
+  }
+
   .xl\:focus\:-translate-x-48:focus {
     --transform-translate-x: -12rem;
   }
@@ -87152,6 +88074,10 @@ video {
     --transform-translate-y: 10rem;
   }
 
+  .xl\:focus\:translate-y-44:focus {
+    --transform-translate-y: 11rem;
+  }
+
   .xl\:focus\:translate-y-48:focus {
     --transform-translate-y: 12rem;
   }
@@ -87224,6 +88150,10 @@ video {
     --transform-translate-y: -10rem;
   }
 
+  .xl\:focus\:-translate-y-44:focus {
+    --transform-translate-y: -11rem;
+  }
+
   .xl\:focus\:-translate-y-48:focus {
     --transform-translate-y: -12rem;
   }
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e3e47d1..f227605 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -4,7 +4,6 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Video Games</title>
-	<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
 	<link rel="stylesheet" href="/css/main.css">
 	@livewireStyles
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/resources/views/livewire/game-popular.blade.php b/resources/views/livewire/game-popular.blade.php
index a89089b..79bbd06 100644
--- a/resources/views/livewire/game-popular.blade.php
+++ b/resources/views/livewire/game-popular.blade.php
@@ -1,4 +1,4 @@
-<div wire:init="loadPopularGames" class="popular-games text-sm grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 xl:grid-6 gap-12 gap-12 border-t border-gray-800 pb-16">
+<div wire:init="loadPopularGames" class="popular-games text-sm grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 xl:grid-6 gap-12 gap-12 border-t border-gray-800 pb-16">
 	@forelse($popularGames as $game)
 	<div class="game mt-8">
 		<div class="relative inline-block">
@@ -23,7 +23,17 @@
 		</div>
 	</div>
 	@empty
+		@foreach(range(1, 12) as $game)
+		<div class="game mt-8">
+			<div class="relative inline-block">
+				<div class="bg-gray-800 w-44 h-56"></div>
+			</div>
+			<div class="block text-transparent text-lg bg-gray-700 rounded loading-tight mt-4">Title here</div>
+			<div class="text-transparent bg-gray-700 inline-block rounded mt-3">PS#, PC, Switch</div>
+		</div>
+		@endforeach
 		<div class="spinner mt-8"></div>
 	@endforelse
 	
+	
 </div> <!-- end popularity game -->
diff --git a/resources/views/livewire/most-anticipated.blade.php b/resources/views/livewire/most-anticipated.blade.php
index 27040dc..8a7a5e1 100644
--- a/resources/views/livewire/most-anticipated.blade.php
+++ b/resources/views/livewire/most-anticipated.blade.php
@@ -1,16 +1,24 @@
 
 				<div wire:init="loadMostAnticipated" class="most-anticipated-container space-y-10 mt-8">
 					@forelse($mostAnticipated as $game)
-					<div class="game flex">
-						<a href="#">
-							<img src="{{ $game['cover']['url'] }}" alt="game cover" class="w-16 hover:opacity-75 transition ease-in-out duration-150">
-						</a>
-						<div class="ml-4">
-							<a href="" class="hover:text-gray-300">{{ $game['name'] }}</a>
-							<div class="text-gray-400 text-sm 1">{{ Carbon\Carbon::parse($game['first_release_date'])->format("M d, y") }}</div>
+						<div class="game flex">
+							<a href="#">
+								<img src="{{ $game['cover']['url'] }}" alt="game cover" class="w-16 hover:opacity-75 transition ease-in-out duration-150">
+							</a>
+							<div class="ml-4">
+								<a href="" class="hover:text-gray-300">{{ $game['name'] }}</a>
+								<div class="text-gray-400 text-sm 1">{{ Carbon\Carbon::parse($game['first_release_date'])->format("M d, y") }}</div>
+							</div>
 						</div>
-					</div>
 					@empty
-						<div class="spinner mt-8"></div>
+						@foreach(range(1, 4) as $game)
+							<div class="game flex">
+								<div class="line bg-gray-800 w-16 h-20 flex-none"></div>
+								<div class="ml-4">
+									<div class="line text-transparent bg-gray-700 rounded leading-tight">Title goes here</div>
+									<div class="line text-transparent bg-gray-700 rounded inline-block text-sm mt-2">Sept 14, 2020</div>
+								</div>
+							</div>
+						@endforeach
 					@endforelse
 				</div>
diff --git a/resources/views/livewire/recently-reviewed.blade.php b/resources/views/livewire/recently-reviewed.blade.php
index 7158456..f9140c1 100644
--- a/resources/views/livewire/recently-reviewed.blade.php
+++ b/resources/views/livewire/recently-reviewed.blade.php
@@ -3,11 +3,11 @@
 				<div class="recently-reviewd-container space-y-12 mt-8">
 					@forelse($recentlyReviewed as $game)
 					<div class="game bg-gray-800 rounded-lg shadow-md flex px-6 py-6">
-						<div class="relative inline-none">
+						<div class="relative flex-none">
 							<a href="#">
 								<img src="{{ str_replace('thumb', 'cover_big', $game['cover']['url']) }}" 
 								alt="game cover"
-								class="hover:opacity-75 transition ease-in-out duration-150"
+								class="w-48 hover:opacity-75 transition ease-in-out duration-150"
 								>
 							</a>
 							@isset($game['rating'])
@@ -33,7 +33,23 @@ class="hover:opacity-75 transition ease-in-out duration-150"
 						</div>
 					</div>
 					@empty
-						<div class="spinner mt-8"></div>
+						@foreach(range(1, 3) as $game)
+							<div class="game bg-gray-800 rounded-lg shadow-md flex mt-8">
+								<div class="relative inline-none">
+									<div class="bg-gray-700 w-32 lg:w-48 h-40 lg:h-56"></div>
+								</div>
+								<div class="ml-6 lg:ml-12">
+									<div class="inline-block text-lg font-semibold leading-tight text-transparent bg-gray-700 rounded mt-4">Title here</div>
+									<div class="mt-8 space-y-4 hidden lg:block">
+										<div class="text-transparent bg-gray-700 rounded inline-block">consectetur adipisicing elit. Tenetur, doloremque, recusandae.</div>
+										<div class="text-transparent bg-gray-700 rounded inline-block">consectetur adipisicing elit. Veritatis minus dolor suscipit.</div>
+										<div class="text-transparent bg-gray-700 rounded inline-block">consectetur adipisicing elit. Facilis reiciendis sequi quibusdam.</div>
+									</div>
+								</div>
+								
+							</div>
+						@endforeach
+							<div class="spinner mt-8"></div>
 					@endforelse
 				</div>
 			</div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 288ef84..db551be 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,11 @@
 module.exports = {
   purge: [],
-  theme: { // defaults to these values
+  theme: { 
+    extend: {
+      spacing:{
+        '44': "11rem",
+      }
+    },
     spinner: (theme) => ({
       default: {
         color: '#dae1e7', // color you want to make the spinner