project page first commit

htdocs/assets/style.css

@@ -614,6 +614,11 @@ video {
   z-index: 100;
 }
 
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -634,6 +639,11 @@ video {
   margin-right: 1.5rem;
 }
 
+.mx-7 {
+  margin-left: 1.75rem;
+  margin-right: 1.75rem;
+}
+
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -649,6 +659,16 @@ video {
   margin-bottom: 1.75rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.my-\[0\.30rem\] {
+  margin-top: 0.30rem;
+  margin-bottom: 0.30rem;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -701,6 +721,10 @@ video {
   margin-left: 0.5rem;
 }
 
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
 .ml-5 {
   margin-left: 1.25rem;
 }
@@ -709,6 +733,10 @@ video {
   margin-left: 1.5rem;
 }
 
+.ml-7 {
+  margin-left: 1.75rem;
+}
+
 .ml-8 {
   margin-left: 2rem;
 }
@@ -717,6 +745,18 @@ video {
   margin-left: 0.59rem;
 }
 
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -797,6 +837,10 @@ video {
   height: 50px;
 }
 
+.h-\[70px\] {
+  height: 70px;
+}
+
 .h-full {
   height: 100%;
 }
@@ -949,6 +993,10 @@ video {
   border-radius: 0.5rem;
 }
 
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .border-\[2px\] {
   border-width: 2px;
 }
@@ -992,6 +1040,10 @@ video {
   background-color: rgb(56 189 248 / var(--tw-bg-opacity));
 }
 
+.bg-accent_secondary_transparent {
+  background-color: rgba(255, 255, 255, 0.30);
+}
+
 .bg-bg_primary {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
@@ -1006,6 +1058,15 @@ video {
   padding: 2.5rem;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1108,6 +1169,14 @@ video {
   font-weight: 700;
 }
 
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
 .text-accent_four {
   --tw-text-opacity: 1;
   color: rgb(172 203 222 / var(--tw-text-opacity));
@@ -1123,6 +1192,10 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-accent_secondary_transparent {
+  color: rgba(255, 255, 255, 0.30);
+}
+
 .text-accent_three {
   --tw-text-opacity: 1;
   color: rgb(217 217 217 / var(--tw-text-opacity));
@@ -1133,6 +1206,31 @@ video {
   color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
+.text-\[\#38BDF8\] {
+  --tw-text-opacity: 1;
+  color: rgb(56 189 248 / var(--tw-text-opacity));
+}
+
+.text-\[\#3FF989\] {
+  --tw-text-opacity: 1;
+  color: rgb(63 249 137 / var(--tw-text-opacity));
+}
+
+.text-\[\#CD6CFB\] {
+  --tw-text-opacity: 1;
+  color: rgb(205 108 251 / var(--tw-text-opacity));
+}
+
+.text-\[\#DCDF3F\] {
+  --tw-text-opacity: 1;
+  color: rgb(220 223 63 / var(--tw-text-opacity));
+}
+
+.text-\[\#EC4B4B\] {
+  --tw-text-opacity: 1;
+  color: rgb(236 75 75 / var(--tw-text-opacity));
+}
+
 .opacity-20 {
   opacity: 0.2;
 }
@@ -1238,6 +1336,11 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-bg_third:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 51 74 / var(--tw-bg-opacity));
+}
+
 .hover\:text-accent_secondary:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1263,6 +1366,11 @@ video {
   width: 100%;
 }
 
+.group:hover .group-hover\:bg-accent_secondary {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 @media (min-width: 1024px) {
   .lg\:bottom-\[-6rem\] {
     bottom: -6rem;
@@ -1334,6 +1442,10 @@ video {
     margin-bottom: 0.25rem;
   }
 
+  .lg\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
   .lg\:mb-16 {
     margin-bottom: 4rem;
   }
@@ -1354,6 +1466,10 @@ video {
     margin-right: 2.5rem;
   }
 
+  .lg\:mr-\[12\.5rem\] {
+    margin-right: 12.5rem;
+  }
+
   .lg\:mr-\[6\.5rem\] {
     margin-right: 6.5rem;
   }
@@ -1378,6 +1494,10 @@ video {
     margin-top: 2.5rem;
   }
 
+  .lg\:mt-\[3\.5rem\] {
+    margin-top: 3.5rem;
+  }
+
   .lg\:mt-\[7rem\] {
     margin-top: 7rem;
   }
@@ -1487,6 +1607,11 @@ video {
     line-height: 1.75rem;
   }
 
+  .lg\:blur-2xl {
+    --tw-blur: blur(40px);
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+  }
+
   .lg\:blur-lg {
     --tw-blur: blur(16px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1534,6 +1659,10 @@ video {
     margin-bottom: 2.5rem;
   }
 
+  .\32xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
   .\32xl\:mt-16 {
     margin-top: 4rem;
   }