added sections titles

docs/_app/immutable/assets/_layout-7f84ef13.css → docs/_app/immutable/assets/_layout-710f6367.css

@@ -409,12 +409,15 @@ video {
 .relative{
   position: relative;
 }
-.left-0{
-  left: 0px;
-}
 .top-0{
   top: 0px;
 }
+.top-2{
+  top: 0.5rem;
+}
+.mb-10{
+  margin-bottom: 2.5rem;
+}
 .flex{
   display: flex;
 }
@@ -427,12 +430,15 @@ video {
 .hidden{
   display: none;
 }
-.h-7{
-  height: 1.75rem;
+.h-8{
+  height: 2rem;
 }
 .h-\[50vh\]{
   height: 50vh;
 }
+.h-\[70vh\]{
+  height: 70vh;
+}
 .h-full{
   height: 100%;
 }
@@ -449,10 +455,6 @@ video {
 .w-full{
   width: 100%;
 }
-.min-w-min{
-  min-width: -moz-min-content;
-  min-width: min-content;
-}
 .flex-wrap{
   flex-wrap: wrap;
 }
@@ -462,19 +464,24 @@ video {
 .items-center{
   align-items: center;
 }
+.justify-start{
+  justify-content: flex-start;
+}
 .justify-between{
   justify-content: space-between;
 }
 .gap-2{
   gap: 0.5rem;
 }
+.gap-4{
+  gap: 1rem;
+}
 .bg-black{
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.bg-gray-900{
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+.bg-gradient-to-b{
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
 }
 .bg-gradient-to-br{
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
@@ -487,32 +494,31 @@ video {
   --tw-gradient-to: rgb(0 0 0 / 0);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-gray-900{
-  --tw-gradient-from: #111827;
-  --tw-gradient-to: rgb(17 24 39 / 0);
+.from-black\/60{
+  --tw-gradient-from: rgb(0 0 0 / 0.6);
+  --tw-gradient-to: rgb(0 0 0 / 0);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.to-gray-900{
-  --tw-gradient-to: #111827;
+.to-black\/80{
+  --tw-gradient-to: rgb(0 0 0 / 0.8);
 }
 .to-red-900{
   --tw-gradient-to: #7f1d1d;
 }
 .p-10{
   padding: 2.5rem;
 }
-.px-10{
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.py-10{
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
 .text-2xl{
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.text-5xl{
+  font-size: 3rem;
+  line-height: 1;
+}
+.font-bold{
+  font-weight: 700;
+}
 .font-extrabold{
   font-weight: 800;
 }
@@ -542,6 +548,9 @@ h2 {
     text-shadow: 10px 10px 8px #000;
 }
 @media (min-width: 640px){
+  .sm\:h-14{
+    height: 3.5rem;
+  }
   .sm\:gap-5{
     gap: 1.25rem;
   }
@@ -554,9 +563,6 @@ h2 {
   .md\:visible{
     visibility: visible;
   }
-  .md\:h-16{
-    height: 4rem;
-  }
   .md\:h-20{
     height: 5rem;
   }

docs/_app/immutable/chunks/0-433178e1.js → docs/_app/immutable/chunks/0-293bd756.js

@@ -1,5 +1,5 @@
 import { _ } from "./_layout-324900b4.js";
-import { default as default2 } from "../components/pages/_layout.svelte-428e9d3a.js";
+import { default as default2 } from "../components/pages/_layout.svelte-af9aee54.js";
 export {
   default2 as component,
   _ as universal

docs/_app/immutable/chunks/2-f56eefc5.js → docs/_app/immutable/chunks/2-c79a3c24.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "../components/pages/_page.svelte-655c9693.js";
+import { default as default2 } from "../components/pages/_page.svelte-dbaad46e.js";
 export {
   default2 as component
 };