add projects

.next/static/css/app/layout.css

@@ -76,6 +76,7 @@
     --tracking-tighter: -0.05em;
     --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
     --leading-normal: 1.5;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -297,6 +298,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -342,6 +346,9 @@
   .-left-2 {
     left: calc(var(--spacing) * -2);
   }
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -703,6 +710,9 @@
   .w-3\/5 {
     width: calc(3/5 * 100%);
   }
+  .w-3xl {
+    width: var(--container-3xl);
+  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -968,6 +978,9 @@
   .gap-y-12 {
     row-gap: calc(var(--spacing) * 12);
   }
+  .gap-y-16 {
+    row-gap: calc(var(--spacing) * 16);
+  }
   .gap-y-20 {
     row-gap: calc(var(--spacing) * 20);
   }
@@ -1748,6 +1761,9 @@
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
+  .pl-9 {
+    padding-left: calc(var(--spacing) * 9);
+  }
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
@@ -1823,6 +1839,10 @@
     font-size: var(--text-lg);
     line-height: calc(var(--spacing) * 8);
   }
+  .text-lg\/9 {
+    font-size: var(--text-lg);
+    line-height: calc(var(--spacing) * 9);
+  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -1871,6 +1891,10 @@
     --tw-leading: var(--leading-normal);
     line-height: var(--leading-normal);
   }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -2064,6 +2088,12 @@
   .ring-gray-200 {
     --tw-ring-color: var(--color-gray-200);
   }
+  .ring-gray-400\/10 {
+    --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
+    }
+  }
   .ring-gray-900\/5 {
     --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2828,6 +2858,11 @@
       width: calc(var(--spacing) * 216);
     }
   }
+  .sm\:w-228 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 228);
+    }
+  }
   .sm\:w-288\.75 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 288.75);
@@ -2878,6 +2913,11 @@
       flex-wrap: nowrap;
     }
   }
+  .sm\:gap-y-20 {
+    @media (width >= 40rem) {
+      row-gap: calc(var(--spacing) * 20);
+    }
+  }
   .sm\:from-25\% {
     @media (width >= 40rem) {
       --tw-gradient-from-position: 25%;
@@ -2948,6 +2988,11 @@
       right: calc(var(--spacing) * 0);
     }
   }
+  .md\:-ml-4 {
+    @media (width >= 48rem) {
+      margin-left: calc(var(--spacing) * -4);
+    }
+  }
   .lg\:col-span-1 {
     @media (width >= 64rem) {
       grid-column: span 1 / span 1;
@@ -2993,6 +3038,11 @@
       margin-right: calc(var(--spacing) * -16);
     }
   }
+  .lg\:-ml-0 {
+    @media (width >= 64rem) {
+      margin-left: calc(var(--spacing) * -0);
+    }
+  }
   .lg\:ml-24 {
     @media (width >= 64rem) {
       margin-left: calc(var(--spacing) * 24);
@@ -3053,6 +3103,21 @@
       max-width: var(--container-7xl);
     }
   }
+  .lg\:max-w-lg {
+    @media (width >= 64rem) {
+      max-width: var(--container-lg);
+    }
+  }
+  .lg\:max-w-none {
+    @media (width >= 64rem) {
+      max-width: none;
+    }
+  }
+  .lg\:max-w-xl {
+    @media (width >= 64rem) {
+      max-width: var(--container-xl);
+    }
+  }
   .lg\:basis-5\/12 {
     @media (width >= 64rem) {
       flex-basis: calc(5/12 * 100%);
@@ -3183,6 +3248,11 @@
       padding: calc(var(--spacing) * 8);
     }
   }
+  .lg\:px-0 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
   .lg\:px-4 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 4);
@@ -3223,6 +3293,11 @@
       padding-block: calc(var(--spacing) * 56);
     }
   }
+  .lg\:pt-4 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 4);
+    }
+  }
   .lg\:pt-6 {
     @media (width >= 64rem) {
       padding-top: calc(var(--spacing) * 6);
@@ -3243,6 +3318,11 @@
       padding-top: calc(var(--spacing) * 45);
     }
   }
+  .lg\:pr-8 {
+    @media (width >= 64rem) {
+      padding-right: calc(var(--spacing) * 8);
+    }
+  }
   .lg\:pb-6 {
     @media (width >= 64rem) {
       padding-bottom: calc(var(--spacing) * 6);