the big rebrand, baby

cloudybutnorain · Sep 16, 2024 · dd3b301 · dd3b301
1 parent e019a52
commit dd3b301
Show file tree

Hide file tree

Showing 3 changed files with 629 additions and 43 deletions.
diff --git a/site/assets/css/tailwind.css b/site/assets/css/tailwind.css
@@ -546,10 +546,18 @@ video {
   position: static;
 }
 
+.absolute {
+  position: absolute;
+}
+
 .relative {
   position: relative;
 }
 
+.sticky {
+  position: sticky;
+}
+
 .m-2 {
   margin: 0.5rem;
 }
@@ -639,6 +647,10 @@ video {
   margin-top: 1.5rem;
 }
 
+.mt-8 {
+  margin-top: 2rem;
+}
+
 .block {
   display: block;
 }
@@ -695,10 +707,18 @@ video {
   height: 24rem;
 }
 
+.h-auto {
+  height: auto;
+}
+
 .h-full {
   height: 100%;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .w-16 {
   width: 4rem;
 }
@@ -731,10 +751,22 @@ video {
   width: 100vw;
 }
 
+.max-w-\[640px\] {
+  max-width: 640px;
+}
+
 .max-w-\[768px\] {
   max-width: 768px;
 }
 
+.flex-grow {
+  flex-grow: 1;
+}
+
+.grow {
+  flex-grow: 1;
+}
+
 .border-collapse {
   border-collapse: collapse;
 }
@@ -805,6 +837,26 @@ video {
   border-radius: 0.375rem;
 }
 
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-br-2xl {
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-br-3xl {
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-br-\[48px\] {
+  border-bottom-right-radius: 48px;
+}
+
+.rounded-br-lg {
+  border-bottom-right-radius: 0.5rem;
+}
+
 .border {
   border-width: 1px;
 }
@@ -831,11 +883,6 @@ video {
   border-color: currentColor;
 }
 
-.bg-\[\#161253\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(22 18 83 / var(--tw-bg-opacity));
-}
-
 .bg-\[\#392A16\] {
   --tw-bg-opacity: 1;
   background-color: rgb(57 42 22 / var(--tw-bg-opacity));
@@ -900,6 +947,11 @@ video {
   padding-right: 2rem;
 }
 
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .py-10 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
@@ -951,6 +1003,11 @@ video {
   line-height: 2rem;
 }
 
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -966,20 +1023,46 @@ video {
   line-height: 1;
 }
 
+.text-\[24px\] {
+  font-size: 24px;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
 .italic {
   font-style: italic;
 }
 
-.text-\[\#C6DFEF\] {
+.text-\[\#CD5526\] {
   --tw-text-opacity: 1;
-  color: rgb(198 223 239 / var(--tw-text-opacity));
+  color: rgb(205 85 38 / var(--tw-text-opacity));
 }
 
 .text-\[\#F7F7EB\] {
   --tw-text-opacity: 1;
   color: rgb(247 247 235 / var(--tw-text-opacity));
 }
 
+.text-\[\#b0cc94\] {
+  --tw-text-opacity: 1;
+  color: rgb(176 204 148 / var(--tw-text-opacity));
+}
+
 .text-stone-100 {
   --tw-text-opacity: 1;
   color: rgb(245 245 244 / var(--tw-text-opacity));
@@ -998,6 +1081,12 @@ video {
   text-decoration-line: none;
 }
 
+.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);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .outline {
   outline-style: solid;
 }