From 51a27b6f400625cb0137e1394de1056ea5fb682b Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Tue, 3 Sep 2024 12:20:35 -0400
Subject: optimizations

---
 static/css/main.css | 81 ++++++++++++++++++++++-------------------------------
 1 file changed, 33 insertions(+), 48 deletions(-)

(limited to 'static/css/main.css')

diff --git a/static/css/main.css b/static/css/main.css
index f554b0e..ee44acc 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -673,10 +673,6 @@ video {
   top: 9rem;
 }
 
-.top-64 {
-  top: 16rem;
-}
-
 .top-full {
   top: 100%;
 }
@@ -778,6 +774,10 @@ video {
   display: inline-flex;
 }
 
+.grid {
+  display: grid;
+}
+
 .hidden {
   display: none;
 }
@@ -939,6 +939,10 @@ video {
   min-width: 8rem;
 }
 
+.max-w-4xl {
+  max-width: 56rem;
+}
+
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -1028,6 +1032,10 @@ video {
   list-style-position: inside;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -1451,25 +1459,6 @@ video {
   --tw-bg-opacity: 0.4;
 }
 
-.bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-
-.from-black {
-  --tw-gradient-from: #000 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.via-transparent {
-  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.to-transparent {
-  --tw-gradient-to: transparent var(--tw-gradient-to-position);
-}
-
 .bg-cover {
   background-size: cover;
 }
@@ -1554,10 +1543,6 @@ video {
   padding-bottom: 2rem;
 }
 
-.pb-2 {
-  padding-bottom: 0.5rem;
-}
-
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -1927,10 +1912,6 @@ video {
   opacity: 0.25;
 }
 
-.opacity-70 {
-  opacity: 0.7;
-}
-
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2337,6 +2318,10 @@ main {
 }
 
 @media (min-width: 640px) {
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .sm\:size-3 {
     width: 0.75rem;
     height: 0.75rem;
@@ -2347,6 +2332,10 @@ main {
     height: 1rem;
   }
 
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .sm\:gap-2 {
     gap: 0.5rem;
   }
@@ -2392,18 +2381,14 @@ main {
 }
 
 @media (min-width: 1024px) {
-  .lg\:left-\[18rem\] {
-    left: 18rem;
-  }
-
-  .lg\:top-0 {
-    top: 0px;
-  }
-
   .lg\:top-48 {
     top: 12rem;
   }
 
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
   .lg\:block {
     display: block;
   }
@@ -2428,6 +2413,10 @@ main {
     max-height: 761px;
   }
 
+  .lg\:max-h-24 {
+    max-height: 6rem;
+  }
+
   .lg\:w-1\/2 {
     width: 50%;
   }
@@ -2456,12 +2445,12 @@ main {
     width: 15rem;
   }
 
-  .lg\:flex-row {
-    flex-direction: row;
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
-  .lg\:flex-col {
-    flex-direction: column;
+  .lg\:flex-row {
+    flex-direction: row;
   }
 
   .lg\:flex-nowrap {
@@ -2503,10 +2492,6 @@ main {
     padding-right: 2rem;
   }
 
-  .lg\:pb-0 {
-    padding-bottom: 0px;
-  }
-
   .lg\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
@@ -2543,4 +2528,4 @@ main {
   .\32xl\:w-1\/6 {
     width: 16.666667%;
   }
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3