diff --git a/dist/output.css b/dist/output.css
index 695c23b..68b268e 100644
--- a/dist/output.css
+++ b/dist/output.css
@@ -107,7 +107,7 @@
 }
 
 /*
-! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -725,37 +725,37 @@ html {
   --er: 73.0926% 0.110185 20.076293;
 }
 
-[data-theme=night] {
-  color-scheme: dark;
-  --b2: 19.3144% 0.037037 265.754874;
-  --b3: 17.8606% 0.034249 265.754874;
-  --bc: 84.1536% 0.007965 265.754874;
-  --pc: 15.0703% 0.027798 232.66148;
-  --sc: 13.6023% 0.031661 276.934902;
-  --ac: 14.4721% 0.035244 350.048739;
-  --nc: 85.5899% 0.00737 260.030984;
-  --suc: 15.6904% 0.026506 181.911977;
-  --wac: 16.6486% 0.027912 82.95003;
-  --erc: 14.3572% 0.034051 13.11834;
+[data-theme=cupcake] {
+  color-scheme: light;
+  --in: 72.06% 0.191 231.6;
+  --su: 64.8% 0.150 160;
+  --wa: 84.71% 0.199 83.87;
+  --er: 71.76% 0.221 22.18;
+  --pc: 15.2344% 0.017892 200.026556;
+  --sc: 15.787% 0.020249 356.29965;
+  --ac: 15.8762% 0.029206 78.618794;
+  --nc: 84.7148% 0.013247 313.189598;
+  --inc: 0% 0 0;
+  --suc: 0% 0 0;
+  --wac: 0% 0 0;
+  --erc: 0% 0 0;
   --rounded-box: 1rem;
-  --rounded-btn: 0.5rem;
   --rounded-badge: 1.9rem;
   --animation-btn: 0.25s;
   --animation-input: .2s;
   --btn-focus-scale: 0.95;
   --border-btn: 1px;
-  --tab-border: 1px;
-  --tab-radius: 0.5rem;
-  --p: 75.3513% 0.138989 232.66148;
-  --s: 68.0113% 0.158303 276.934902;
-  --a: 72.3603% 0.176218 350.048739;
-  --n: 27.9495% 0.036848 260.030984;
-  --b1: 20.7682% 0.039824 265.754874;
-  --in: 68.4553% 0.148062 237.25135;
-  --inc: 0% 0 0;
-  --su: 78.452% 0.132529 181.911977;
-  --wa: 83.2428% 0.139558 82.95003;
-  --er: 71.7858% 0.170255 13.11834;
+  --p: 76.172% 0.089459 200.026556;
+  --s: 78.9351% 0.101246 356.29965;
+  --a: 79.3811% 0.146032 78.618794;
+  --n: 23.5742% 0.066235 313.189598;
+  --b1: 97.7882% 0.00418 56.375637;
+  --b2: 93.9822% 0.007638 61.449292;
+  --b3: 91.5861% 0.006811 53.440502;
+  --bc: 23.5742% 0.066235 313.189598;
+  --rounded-btn: 1.9rem;
+  --tab-border: 2px;
+  --tab-radius: 0.7rem;
 }
 
 [data-theme=dark] {
@@ -1554,15 +1554,6 @@ input[type="range"]::-ms-fill-lower {
     }
   }
 
-  .btn-outline:hover {
-    --tw-border-opacity: 1;
-    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-    --tw-text-opacity: 1;
-    color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
-  }
-
   .btn-outline.btn-primary:hover {
     --tw-text-opacity: 1;
     color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
@@ -1587,30 +1578,6 @@ input[type="range"]::-ms-fill-lower {
     }
   }
 
-  .btn-outline.btn-accent:hover {
-    --tw-text-opacity: 1;
-    color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
-  }
-
-  @supports (color: color-mix(in oklab, black, black)) {
-    .btn-outline.btn-accent:hover {
-      background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
-      border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
-    }
-  }
-
-  .btn-outline.btn-success:hover {
-    --tw-text-opacity: 1;
-    color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
-  }
-
-  @supports (color: color-mix(in oklab, black, black)) {
-    .btn-outline.btn-success:hover {
-      background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
-      border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
-    }
-  }
-
   .btn-outline.btn-info:hover {
     --tw-text-opacity: 1;
     color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
@@ -1943,6 +1910,12 @@ input[type="range"]::-ms-fill-lower {
   opacity: 1;
 }
 
+.modal-action {
+  display: flex;
+  margin-top: 1.5rem;
+  justify-content: flex-end;
+}
+
 :root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
   overflow: hidden;
   scrollbar-gutter: stable;
@@ -2166,6 +2139,10 @@ input[type="range"]::-ms-fill-lower {
     --btn-color: var(--fallback-p);
   }
 
+  .btn-secondary {
+    --btn-color: var(--fallback-s);
+  }
+
   .btn-info {
     --btn-color: var(--fallback-in);
   }
@@ -2190,16 +2167,6 @@ input[type="range"]::-ms-fill-lower {
     border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
   }
 
-  .btn-outline.btn-accent.btn-active {
-    background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
-    border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
-  }
-
-  .btn-outline.btn-success.btn-active {
-    background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
-    border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
-  }
-
   .btn-outline.btn-info.btn-active {
     background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
     border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
@@ -2233,6 +2200,10 @@ input[type="range"]::-ms-fill-lower {
     --btn-color: var(--p);
   }
 
+  .btn-secondary {
+    --btn-color: var(--s);
+  }
+
   .btn-info {
     --btn-color: var(--in);
   }
@@ -2246,6 +2217,12 @@ input[type="range"]::-ms-fill-lower {
   }
 }
 
+.btn-secondary {
+  --tw-text-opacity: 1;
+  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
+  outline-color: var(--fallback-s,oklch(var(--s)/1));
+}
+
 .btn-info {
   --tw-text-opacity: 1;
   color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
@@ -2292,25 +2269,6 @@ input[type="range"]::-ms-fill-lower {
   background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
 }
 
-.btn-outline {
-  border-color: currentColor;
-  background-color: transparent;
-  --tw-text-opacity: 1;
-  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.btn-outline.btn-active {
-  --tw-border-opacity: 1;
-  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
-  --tw-text-opacity: 1;
-  color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
-}
-
 .btn-outline.btn-primary {
   --tw-text-opacity: 1;
   color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
@@ -2331,26 +2289,6 @@ input[type="range"]::-ms-fill-lower {
   color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
 }
 
-.btn-outline.btn-accent {
-  --tw-text-opacity: 1;
-  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
-}
-
-.btn-outline.btn-accent.btn-active {
-  --tw-text-opacity: 1;
-  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
-}
-
-.btn-outline.btn-success {
-  --tw-text-opacity: 1;
-  color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
-}
-
-.btn-outline.btn-success.btn-active {
-  --tw-text-opacity: 1;
-  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
-}
-
 .btn-outline.btn-info {
   --tw-text-opacity: 1;
   color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
@@ -2518,35 +2456,6 @@ input[type="range"]::-ms-fill-lower {
   outline-offset: 2px;
 }
 
-.loading {
-  pointer-events: none;
-  display: inline-block;
-  aspect-ratio: 1 / 1;
-  width: 1.5rem;
-  background-color: currentColor;
-  -webkit-mask-size: 100%;
-          mask-size: 100%;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-          mask-position: center;
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-
-.loading-infinity {
-  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
-          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
-}
-
-.loading-md {
-  width: 1.5rem;
-}
-
-.loading-lg {
-  width: 2.5rem;
-}
-
 :where(.menu li:empty) {
   --tw-bg-opacity: 1;
   background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
@@ -2661,6 +2570,16 @@ input[type="range"]::-ms-fill-lower {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.modal-action > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.modal-action:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 1;
+}
+
 @keyframes modal-pop {
   0% {
     opacity: 0;
@@ -2843,49 +2762,6 @@ input[type="range"]::-ms-fill-lower {
   }
 }
 
-.glass,
-  .glass.btn-active {
-  border: none;
-  -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
-          backdrop-filter: blur(var(--glass-blur, 40px));
-  background-color: transparent;
-  background-image: linear-gradient(
-        135deg,
-        rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
-        rgb(0 0 0 / 0%) 100%
-      ),
-      linear-gradient(
-        var(--glass-reflex-degree, 100deg),
-        rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
-        rgb(0 0 0 / 0%) 25%
-      );
-  box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
-      0 0 0 2px rgb(0 0 0 / 5%);
-  text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
-}
-
-@media (hover: hover) {
-  .glass.btn-active {
-    border: none;
-    -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
-            backdrop-filter: blur(var(--glass-blur, 40px));
-    background-color: transparent;
-    background-image: linear-gradient(
-          135deg,
-          rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,
-          rgb(0 0 0 / 0%) 100%
-        ),
-        linear-gradient(
-          var(--glass-reflex-degree, 100deg),
-          rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
-          rgb(0 0 0 / 0%) 25%
-        );
-    box-shadow: 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
-        0 0 0 2px rgb(0 0 0 / 5%);
-    text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
-  }
-}
-
 .btn-sm {
   height: 2rem;
   min-height: 2rem;
@@ -2956,6 +2832,10 @@ input[type="range"]::-ms-fill-lower {
   position: absolute;
 }
 
+.modal-bottom {
+  place-items: end;
+}
+
 .stats-vertical {
   grid-auto-flow: row;
 }
@@ -3103,6 +2983,10 @@ input[type="range"]::-ms-fill-lower {
   border-width: 0;
 }
 
+.pointer-events-none {
+  pointer-events: none;
+}
+
 .fixed {
   position: fixed;
 }
@@ -3119,29 +3003,20 @@ input[type="range"]::-ms-fill-lower {
   inset: 0px;
 }
 
-.inset-x-0 {
-  left: 0px;
-  right: 0px;
-}
-
-.right-0 {
-  right: 0px;
-}
-
 .right-2 {
   right: 0.5rem;
 }
 
-.top-0 {
-  top: 0px;
-}
-
 .top-2 {
   top: 0.5rem;
 }
 
-.top-16 {
-  top: 4rem;
+.left-0 {
+  left: 0px;
+}
+
+.top-0 {
+  top: 0px;
 }
 
 .z-\[1\] {
@@ -3152,6 +3027,10 @@ input[type="range"]::-ms-fill-lower {
   z-index: 50;
 }
 
+.z-0 {
+  z-index: 0;
+}
+
 .col-span-4 {
   grid-column: span 4 / span 4;
 }
@@ -3256,14 +3135,6 @@ input[type="range"]::-ms-fill-lower {
   margin-top: 1rem;
 }
 
-.mr-3 {
-  margin-right: 0.75rem;
-}
-
-.mt-6 {
-  margin-top: 1.5rem;
-}
-
 .block {
   display: block;
 }
@@ -3337,26 +3208,18 @@ input[type="range"]::-ms-fill-lower {
   height: 100%;
 }
 
-.h-screen {
-  height: 100vh;
+.h-20 {
+  height: 5rem;
 }
 
-.h-8 {
-  height: 2rem;
-}
-
-.h-10 {
-  height: 2.5rem;
+.h-16 {
+  height: 4rem;
 }
 
 .min-h-screen {
   min-height: 100vh;
 }
 
-.w-1 {
-  width: 0.25rem;
-}
-
 .w-1\/2 {
   width: 50%;
 }
@@ -3365,10 +3228,6 @@ input[type="range"]::-ms-fill-lower {
   width: 0.75rem;
 }
 
-.w-3\/4 {
-  width: 75%;
-}
-
 .w-4 {
   width: 1rem;
 }
@@ -3409,12 +3268,8 @@ input[type="range"]::-ms-fill-lower {
   width: 100%;
 }
 
-.w-8 {
-  width: 2rem;
-}
-
-.w-10 {
-  width: 2.5rem;
+.w-16 {
+  width: 4rem;
 }
 
 .max-w-2xl {
@@ -3429,10 +3284,6 @@ input[type="range"]::-ms-fill-lower {
   max-width: 80rem;
 }
 
-.max-w-full {
-  max-width: 100%;
-}
-
 .max-w-lg {
   max-width: 32rem;
 }
@@ -3445,10 +3296,6 @@ input[type="range"]::-ms-fill-lower {
   max-width: 1280px;
 }
 
-.flex-1 {
-  flex: 1 1 0%;
-}
-
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -3465,6 +3312,16 @@ input[type="range"]::-ms-fill-lower {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
 @keyframes bounce {
   0%, 100% {
     transform: translateY(-25%);
@@ -3481,6 +3338,16 @@ input[type="range"]::-ms-fill-lower {
   animation: bounce 1s infinite;
 }
 
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -3533,10 +3400,6 @@ input[type="range"]::-ms-fill-lower {
   place-items: center;
 }
 
-.items-start {
-  align-items: flex-start;
-}
-
 .items-center {
   align-items: center;
 }
@@ -3587,12 +3450,6 @@ input[type="range"]::-ms-fill-lower {
   row-gap: 4rem;
 }
 
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-x-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.75rem * var(--tw-space-x-reverse));
@@ -3639,14 +3496,6 @@ input[type="range"]::-ms-fill-lower {
   white-space: nowrap;
 }
 
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
 .rounded {
   border-radius: 0.25rem;
 }
@@ -3690,10 +3539,6 @@ input[type="range"]::-ms-fill-lower {
   border-width: 1px;
 }
 
-.border-4 {
-  border-width: 4px;
-}
-
 .border-s-4 {
   border-inline-start-width: 4px;
 }
@@ -3702,19 +3547,28 @@ input[type="range"]::-ms-fill-lower {
   border-top-width: 1px;
 }
 
+.border-b-4 {
+  border-bottom-width: 4px;
+}
+
 .border-accent {
   --tw-border-opacity: 1;
-  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
+  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity, 1)));
 }
 
 .border-base-200 {
   --tw-border-opacity: 1;
-  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
+  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity, 1)));
+}
+
+.border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(195 221 253 / var(--tw-border-opacity, 1));
 }
 
 .border-blue-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(164 202 254 / var(--tw-border-opacity));
+  border-color: rgb(164 202 254 / var(--tw-border-opacity, 1));
 }
 
 .border-current {
@@ -3723,192 +3577,197 @@ input[type="range"]::-ms-fill-lower {
 
 .border-gray-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(243 244 246 / var(--tw-border-opacity));
+  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
 }
 
 .border-gray-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
 
 .border-gray-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-border-opacity));
-}
-
-.border-gray-800 {
-  --tw-border-opacity: 1;
-  border-color: rgb(31 41 55 / var(--tw-border-opacity));
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
 
 .border-green-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(132 225 188 / var(--tw-border-opacity));
+  border-color: rgb(132 225 188 / var(--tw-border-opacity, 1));
 }
 
 .border-green-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(14 159 110 / var(--tw-border-opacity));
+  border-color: rgb(14 159 110 / var(--tw-border-opacity, 1));
 }
 
-.border-orange-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 90 31 / var(--tw-border-opacity));
-}
-
-.border-red-300 {
+.border-orange-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(248 180 180 / var(--tw-border-opacity));
+  border-color: rgb(252 217 189 / var(--tw-border-opacity, 1));
 }
 
-.border-yellow-300 {
+.border-orange-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 202 21 / var(--tw-border-opacity));
+  border-color: rgb(255 90 31 / var(--tw-border-opacity, 1));
 }
 
-.border-blue-200 {
+.border-red-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(195 221 253 / var(--tw-border-opacity));
+  border-color: rgb(251 213 213 / var(--tw-border-opacity, 1));
 }
 
-.border-orange-200 {
+.border-red-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(252 217 189 / var(--tw-border-opacity));
+  border-color: rgb(248 180 180 / var(--tw-border-opacity, 1));
 }
 
-.border-primary {
+.border-yellow-200 {
   --tw-border-opacity: 1;
-  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
+  border-color: rgb(252 233 106 / var(--tw-border-opacity, 1));
 }
 
-.border-red-200 {
+.border-yellow-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 213 213 / var(--tw-border-opacity));
+  border-color: rgb(250 202 21 / var(--tw-border-opacity, 1));
 }
 
-.border-yellow-200 {
+.border-primary {
   --tw-border-opacity: 1;
-  border-color: rgb(252 233 106 / var(--tw-border-opacity));
+  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));
 }
 
 .bg-base-100 {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-base-200 {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-base-300 {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-base-content {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 
 .bg-blue-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(235 245 255 / var(--tw-bg-opacity));
+  background-color: rgb(235 245 255 / var(--tw-bg-opacity, 1));
 }
 
 .bg-blue-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(63 131 248 / var(--tw-bg-opacity));
+  background-color: rgb(63 131 248 / var(--tw-bg-opacity, 1));
 }
 
 .bg-blue-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(28 100 242 / var(--tw-bg-opacity));
-}
-
-.bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
 }
 
 .bg-green-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(243 250 247 / var(--tw-bg-opacity));
+  background-color: rgb(243 250 247 / var(--tw-bg-opacity, 1));
 }
 
 .bg-neutral-content {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-nc,oklch(var(--nc)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-nc,oklch(var(--nc)/var(--tw-bg-opacity, 1)));
+}
+
+.bg-orange-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 248 241 / var(--tw-bg-opacity, 1));
 }
 
 .bg-primary {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-primary-content {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-red-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 242 242 / var(--tw-bg-opacity));
+  background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1));
 }
 
 .bg-secondary-content {
   --tw-bg-opacity: 1;
-  background-color: var(--fallback-sc,oklch(var(--sc)/var(--tw-bg-opacity)));
+  background-color: var(--fallback-sc,oklch(var(--sc)/var(--tw-bg-opacity, 1)));
 }
 
-.bg-teal-200 {
+.bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(175 236 239 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-white {
+.bg-yellow-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(253 253 234 / var(--tw-bg-opacity, 1));
 }
 
-.bg-yellow-50 {
+.bg-red-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 253 234 / var(--tw-bg-opacity));
+  background-color: rgb(240 82 82 / var(--tw-bg-opacity, 1));
 }
 
-.bg-orange-50 {
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+
+.bg-green-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 248 241 / var(--tw-bg-opacity));
+  background-color: rgb(222 247 236 / var(--tw-bg-opacity, 1));
 }
 
-.bg-gray-900 {
+.bg-yellow-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+  background-color: rgb(253 246 178 / var(--tw-bg-opacity, 1));
+}
+
+.bg-success {
+  --tw-bg-opacity: 1;
+  background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity, 1)));
+}
+
+.bg-warning {
+  --tw-bg-opacity: 1;
+  background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity, 1)));
 }
 
 .bg-opacity-20 {
@@ -3919,6 +3778,10 @@ input[type="range"]::-ms-fill-lower {
   --tw-bg-opacity: 0.6;
 }
 
+.bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+
 .stroke-current {
   stroke: currentColor;
 }
@@ -3971,11 +3834,6 @@ input[type="range"]::-ms-fill-lower {
   padding-right: 0.5rem;
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -4011,6 +3869,11 @@ input[type="range"]::-ms-fill-lower {
   padding-bottom: 2rem;
 }
 
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 .pt-10 {
   padding-top: 2.5rem;
 }
@@ -4043,11 +3906,6 @@ input[type="range"]::-ms-fill-lower {
   line-height: 1;
 }
 
-.text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}
-
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -4122,147 +3980,137 @@ input[type="range"]::-ms-fill-lower {
 
 .text-accent {
   --tw-text-opacity: 1;
-  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
+  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
 }
 
 .text-base-100 {
   --tw-text-opacity: 1;
-  color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
+  color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity, 1)));
 }
 
 .text-black {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-
-.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(63 131 248 / var(--tw-text-opacity));
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
 .text-blue-600 {
   --tw-text-opacity: 1;
-  color: rgb(28 100 242 / var(--tw-text-opacity));
+  color: rgb(28 100 242 / var(--tw-text-opacity, 1));
 }
 
 .text-blue-800 {
   --tw-text-opacity: 1;
-  color: rgb(30 66 159 / var(--tw-text-opacity));
+  color: rgb(30 66 159 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-200 {
   --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
+  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-700 {
   --tw-text-opacity: 1;
-  color: rgb(55 65 81 / var(--tw-text-opacity));
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-800 {
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
 
 .text-green-500 {
   --tw-text-opacity: 1;
-  color: rgb(14 159 110 / var(--tw-text-opacity));
+  color: rgb(14 159 110 / var(--tw-text-opacity, 1));
 }
 
 .text-green-800 {
   --tw-text-opacity: 1;
-  color: rgb(3 84 63 / var(--tw-text-opacity));
+  color: rgb(3 84 63 / var(--tw-text-opacity, 1));
 }
 
 .text-info {
   --tw-text-opacity: 1;
-  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
+  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1)));
 }
 
 .text-neutral {
   --tw-text-opacity: 1;
-  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
+  color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity, 1)));
 }
 
 .text-neutral-content {
   --tw-text-opacity: 1;
-  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
 }
 
 .text-primary {
   --tw-text-opacity: 1;
-  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
+  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
 }
 
 .text-primary-content {
   --tw-text-opacity: 1;
-  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
+  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity, 1)));
 }
 
 .text-red-800 {
   --tw-text-opacity: 1;
-  color: rgb(155 28 28 / var(--tw-text-opacity));
+  color: rgb(155 28 28 / var(--tw-text-opacity, 1));
 }
 
 .text-secondary {
   --tw-text-opacity: 1;
-  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
+  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
 }
 
 .text-secondary-content {
   --tw-text-opacity: 1;
-  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
+  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity, 1)));
 }
 
 .text-white {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .text-yellow-800 {
   --tw-text-opacity: 1;
-  color: rgb(114 59 19 / var(--tw-text-opacity));
-}
-
-.text-blue-700 {
-  --tw-text-opacity: 1;
-  color: rgb(26 86 219 / var(--tw-text-opacity));
+  color: rgb(114 59 19 / var(--tw-text-opacity, 1));
 }
 
-.text-orange-500 {
+.text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(255 90 31 / var(--tw-text-opacity));
+  color: rgb(240 82 82 / var(--tw-text-opacity, 1));
 }
 
-.text-red-500 {
+.text-base-content {
   --tw-text-opacity: 1;
-  color: rgb(240 82 82 / var(--tw-text-opacity));
+  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1)));
 }
 
-.text-yellow-500 {
+.text-success-content {
   --tw-text-opacity: 1;
-  color: rgb(194 120 3 / var(--tw-text-opacity));
+  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity, 1)));
 }
 
-.text-blue-400 {
+.text-warning-content {
   --tw-text-opacity: 1;
-  color: rgb(118 169 250 / var(--tw-text-opacity));
+  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity, 1)));
 }
 
 .underline {
@@ -4273,6 +4121,10 @@ input[type="range"]::-ms-fill-lower {
   opacity: 0.3;
 }
 
+.opacity-50 {
+  opacity: 0.5;
+}
+
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -4285,22 +4137,60 @@ input[type="range"]::-ms-fill-lower {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-xl {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.drop-shadow-xl {
+  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
+  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);
 }
 
 .filter {
   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);
 }
 
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+@media (min-width: 640px) {
+  .sm\:modal-middle {
+    place-items: center;
+  }
+
+  .sm\:modal-middle :where(.modal-box) {
+    width: 91.666667%;
+    max-width: 32rem;
+    --tw-translate-y: 0px;
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    border-top-left-radius: var(--rounded-box, 1rem);
+    border-top-right-radius: var(--rounded-box, 1rem);
+    border-bottom-right-radius: var(--rounded-box, 1rem);
+    border-bottom-left-radius: var(--rounded-box, 1rem);
+  }
+}
+
 @media (min-width: 768px) {
   .md\:container {
     width: 100%;
@@ -4385,29 +4275,31 @@ input[type="range"]::-ms-fill-lower {
   }
 }
 
-.hover\:border-blue-400:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(118 169 250 / var(--tw-border-opacity));
+.hover\:rotate-3:hover {
+  --tw-rotate: 3deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.hover\:bg-blue-600:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(28 100 242 / var(--tw-bg-opacity));
+.hover\:scale-105:hover {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.hover\:bg-blue-100:hover {
+.hover\:bg-blue-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(225 239 254 / var(--tw-bg-opacity));
+  background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-primary:hover {
-  --tw-bg-opacity: 1;
-  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+.hover\:text-accent:hover {
+  --tw-text-opacity: 1;
+  color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity, 1)));
 }
 
-.hover\:text-white:hover {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+.hover\:shadow-2xl:hover {
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .group:hover .group-hover\:opacity-75 {
@@ -4572,57 +4464,57 @@ input[type="range"]::-ms-fill-lower {
 
   .dark\:border-blue-800 {
     --tw-border-opacity: 1;
-    border-color: rgb(30 66 159 / var(--tw-border-opacity));
+    border-color: rgb(30 66 159 / var(--tw-border-opacity, 1));
   }
 
   .dark\:border-gray-600 {
     --tw-border-opacity: 1;
-    border-color: rgb(75 85 99 / var(--tw-border-opacity));
+    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
   }
 
   .dark\:border-green-800 {
     --tw-border-opacity: 1;
-    border-color: rgb(3 84 63 / var(--tw-border-opacity));
+    border-color: rgb(3 84 63 / var(--tw-border-opacity, 1));
   }
 
   .dark\:border-red-800 {
     --tw-border-opacity: 1;
-    border-color: rgb(155 28 28 / var(--tw-border-opacity));
+    border-color: rgb(155 28 28 / var(--tw-border-opacity, 1));
   }
 
   .dark\:border-yellow-800 {
     --tw-border-opacity: 1;
-    border-color: rgb(114 59 19 / var(--tw-border-opacity));
+    border-color: rgb(114 59 19 / var(--tw-border-opacity, 1));
   }
 
   .dark\:bg-base-100 {
     --tw-bg-opacity: 1;
-    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
   }
 
   .dark\:bg-base-200 {
     --tw-bg-opacity: 1;
-    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
+    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));
   }
 
   .dark\:bg-base-300 {
     --tw-bg-opacity: 1;
-    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
+    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));
   }
 
   .dark\:bg-blue-950 {
     --tw-bg-opacity: 1;
-    background-color: rgb(23 37 84 / var(--tw-bg-opacity));
+    background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
   }
 
   .dark\:bg-gray-800 {
     --tw-bg-opacity: 1;
-    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   }
 
   .dark\:bg-primary-content {
     --tw-bg-opacity: 1;
-    background-color: var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity)));
+    background-color: var(--fallback-pc,oklch(var(--pc)/var(--tw-bg-opacity, 1)));
   }
 
   .dark\:bg-opacity-0 {
@@ -4631,61 +4523,61 @@ input[type="range"]::-ms-fill-lower {
 
   .dark\:text-blue-400 {
     --tw-text-opacity: 1;
-    color: rgb(118 169 250 / var(--tw-text-opacity));
+    color: rgb(118 169 250 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-error {
     --tw-text-opacity: 1;
-    color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
+    color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1)));
   }
 
   .dark\:text-gray-200 {
     --tw-text-opacity: 1;
-    color: rgb(229 231 235 / var(--tw-text-opacity));
+    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-gray-400 {
     --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity));
+    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-gray-800 {
     --tw-text-opacity: 1;
-    color: rgb(31 41 55 / var(--tw-text-opacity));
+    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-green-400 {
     --tw-text-opacity: 1;
-    color: rgb(49 196 141 / var(--tw-text-opacity));
+    color: rgb(49 196 141 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-neutral-content {
     --tw-text-opacity: 1;
-    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
+    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity, 1)));
   }
 
   .dark\:text-primary {
     --tw-text-opacity: 1;
-    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
+    color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)));
   }
 
   .dark\:text-red-400 {
     --tw-text-opacity: 1;
-    color: rgb(249 128 128 / var(--tw-text-opacity));
+    color: rgb(249 128 128 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-secondary {
     --tw-text-opacity: 1;
-    color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
+    color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity, 1)));
   }
 
   .dark\:text-white {
     --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
+    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
 
   .dark\:text-yellow-300 {
     --tw-text-opacity: 1;
-    color: rgb(250 202 21 / var(--tw-text-opacity));
+    color: rgb(250 202 21 / var(--tw-text-opacity, 1));
   }
 }
\ No newline at end of file
diff --git a/img/713-jo.png b/img/713-jo.png
index 3cf832f..1e531c5 100644
Binary files a/img/713-jo.png and b/img/713-jo.png differ
diff --git a/img/805-jo.png b/img/805-jo.png
index 5cc562a..8f68894 100644
Binary files a/img/805-jo.png and b/img/805-jo.png differ
diff --git a/img/809-jo.png b/img/809-jo.png
index dfca1b0..5bb90ae 100644
Binary files a/img/809-jo.png and b/img/809-jo.png differ
diff --git a/img/810-jo.png b/img/810-jo.png
index 6a4974b..b6baee0 100644
Binary files a/img/810-jo.png and b/img/810-jo.png differ
diff --git a/img/810.png b/img/810.png
index 078c43e..faca337 100644
Binary files a/img/810.png and b/img/810.png differ
diff --git a/img/813.png b/img/813.png
index 2beebec..a243af0 100644
Binary files a/img/813.png and b/img/813.png differ
diff --git a/img/816-jo.png b/img/816-jo.png
index 1775f7c..1e37980 100644
Binary files a/img/816-jo.png and b/img/816-jo.png differ
diff --git a/img/817-jo.png b/img/817-jo.png
index 7b94dce..21de4c3 100644
Binary files a/img/817-jo.png and b/img/817-jo.png differ
diff --git a/img/CF2024_white.png b/img/CF2024_white.png
index 3e386fc..f98f8db 100644
Binary files a/img/CF2024_white.png and b/img/CF2024_white.png differ
diff --git a/img/NS.png b/img/NS.png
index 81fba8b..132e3de 100644
Binary files a/img/NS.png and b/img/NS.png differ
diff --git a/img/TCM-Clair.png b/img/TCM-Clair.png
index ebcf9f0..48a3d2e 100644
Binary files a/img/TCM-Clair.png and b/img/TCM-Clair.png differ
diff --git a/img/TCM-JO.png b/img/TCM-JO.png
index 47a3e39..c1ea487 100644
Binary files a/img/TCM-JO.png and b/img/TCM-JO.png differ
diff --git a/img/TCM-Noel.png b/img/TCM-Noel.png
new file mode 100644
index 0000000..7846e18
Binary files /dev/null and b/img/TCM-Noel.png differ
diff --git a/img/TCM-Sombre.png b/img/TCM-Sombre.png
index 5d5e4e8..faa1ced 100644
Binary files a/img/TCM-Sombre.png and b/img/TCM-Sombre.png differ
diff --git a/img/jo-tcm.png b/img/jo-tcm.png
index 723a443..00e675e 100644
Binary files a/img/jo-tcm.png and b/img/jo-tcm.png differ
diff --git a/img/jo-tcm_white.png b/img/jo-tcm_white.png
index 9d52820..d81cc78 100644
Binary files a/img/jo-tcm_white.png and b/img/jo-tcm_white.png differ
diff --git a/img/jo_black.png b/img/jo_black.png
index 1ce6efb..a2b367c 100644
Binary files a/img/jo_black.png and b/img/jo_black.png differ
diff --git a/img/jo_white.png b/img/jo_white.png
index cd7fe28..38b192a 100644
Binary files a/img/jo_white.png and b/img/jo_white.png differ
diff --git a/img/pdf1.png b/img/pdf1.png
index 5475a19..980a457 100644
Binary files a/img/pdf1.png and b/img/pdf1.png differ
diff --git a/img/pdf2.png b/img/pdf2.png
index b8bea0c..49369c4 100644
Binary files a/img/pdf2.png and b/img/pdf2.png differ
diff --git a/img/plans/L713.png b/img/plans/L713.png
index 9f0ea2d..f1b4184 100644
Binary files a/img/plans/L713.png and b/img/plans/L713.png differ
diff --git a/img/plans/L805.png b/img/plans/L805.png
index 03a2ffe..97ca5db 100644
Binary files a/img/plans/L805.png and b/img/plans/L805.png differ
diff --git a/img/plans/L809.png b/img/plans/L809.png
index 64a52fe..95d9684 100644
Binary files a/img/plans/L809.png and b/img/plans/L809.png differ
diff --git a/img/plans/L810.png b/img/plans/L810.png
index 3517293..b122798 100644
Binary files a/img/plans/L810.png and b/img/plans/L810.png differ
diff --git a/img/plans/L813.png b/img/plans/L813.png
new file mode 100644
index 0000000..706fd82
Binary files /dev/null and b/img/plans/L813.png differ
diff --git a/img/plans/L816.png b/img/plans/L816.png
index 25d3347..e91c7ee 100644
Binary files a/img/plans/L816.png and b/img/plans/L816.png differ
diff --git a/img/plans/L817.png b/img/plans/L817.png
index b43bc32..80bda72 100644
Binary files a/img/plans/L817.png and b/img/plans/L817.png differ
diff --git a/img/test.png b/img/test.png
index fb26804..a1ccc8a 100644
Binary files a/img/test.png and b/img/test.png differ
diff --git a/index.html b/index.html
index a21f82a..0c651ce 100644
--- a/index.html
+++ b/index.html
@@ -22,13 +22,12 @@
     <meta name="twitter:description" content="Partenaire de vos déplacements dans Clermont-Ferrand depuis 1989.">
     <meta name="twitter:image" content="https://tcm-mobilite.vercel.app/img/TCM Clair.png">
     <meta name="twitter:card" content="summary_large_image">
-
     <!-- Couleur de fond pour l'intégration -->
     <meta name="theme-color" content="#204BFE">
     <!-- Meta Tags Generated with https://metatags.io -->
     <link href="/dist/output.css" rel="stylesheet">
+    <script src="https://kit.fontawesome.com/d8bf012a3e.js" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <script src="src/menu.js"></script>
     <script>document.addEventListener('contextmenu', function (e) { e.preventDefault(); e.stopPropagation(); }); document.addEventListener('copy', function (e) { e.preventDefault(); e.stopPropagation(); }); document.addEventListener('cut', function (e) { e.preventDefault(); e.stopPropagation(); });</script>
     <style>
         .jw-album-image img,
@@ -41,6 +40,93 @@
             display: none;
         }
     </style>
+    <script>
+        const isChristmas = () => {
+            const today = new Date();
+            const startChristmas = new Date(today.getFullYear(), 11, 1); // 1er Décembre
+            const endChristmas = new Date(today.getFullYear(), 11, 31); // 25 Décembre inclus
+            return today >= startChristmas && today < endChristmas;
+        };
+        document.addEventListener('DOMContentLoaded', () => {
+            if (isChristmas()) {
+                const logoContainer = document.getElementById("logo-container");
+
+                // Remplacez les logos par l'image de Noël
+                logoContainer.innerHTML = `
+            <img src="/img/TCM-Noel.png" width="200" height="200" alt="Logo TCM Noël" class="block">
+        `;
+            }
+            if (isChristmas()) {
+                // Fonction pour supprimer toutes les classes commençant par "dark:"
+                const removeDarkClasses = () => {
+                    // Sélectionner tous les éléments avec des classes "dark:"
+                    const elementsWithDark = document.querySelectorAll('[class*="dark:"]');
+
+                    // Parcourir chaque élément
+                    elementsWithDark.forEach(el => {
+                        // Parcourir ses classes
+                        const newClasses = Array.from(el.classList).filter(className => !className.startsWith('dark:'));
+                        // Remplacer l'ensemble des classes
+                        el.className = newClasses.join(' ');
+                    });
+                };
+
+                // Exécuter la suppression des classes `dark:`
+                removeDarkClasses();
+            }
+            if (isChristmas()) {
+
+                document.documentElement.classList.remove('dark');
+                document.documentElement.setAttribute('data-theme', 'cupcake');
+            }
+        });
+        if (isChristmas()) {
+            document.addEventListener('DOMContentLoaded', () => {
+                const snow = document.createElement('div');
+                snow.id = 'snow';
+                document.body.appendChild(snow);
+                const snowStyle = document.createElement('style');
+                snowStyle.innerHTML = `
+                    #snow {
+                        position: fixed;
+                        top: 0;
+                        left: 0;
+                        width: 100%;
+                        height: 100%;
+                        pointer-events: none;
+                        background: transparent;
+                        overflow: hidden;
+                        z-index: 9999;
+                    }
+                    @keyframes snowfall {
+                        0% { transform: translateY(-10px); opacity: 1; }
+                        100% { transform: translateY(100vh); opacity: 0; }
+                    }
+                    .flake {
+                        position: absolute;
+                        top: -10px;
+                        width: 10px;
+                        height: 10px;
+                        background: white;
+                        border-radius: 50%;
+                        opacity: 0.8;
+                        animation: snowfall 5s linear infinite;
+                    }
+                `;
+                document.head.appendChild(snowStyle);
+
+                for (let i = 0; i < 100; i++) {
+                    const flake = document.createElement('div');
+                    flake.classList.add('flake');
+                    flake.style.left = `${Math.random() * 100}vw`;
+                    flake.style.animationDelay = `${Math.random() * 5}s`;
+                    flake.style.animationDuration = `${2 + Math.random() * 3}s`;
+                    flake.style.opacity = Math.random();
+                    document.getElementById('snow').appendChild(flake);
+                }
+            });
+        }
+    </script>
 </head>
 <style>
     .orange-border {
@@ -60,9 +146,18 @@
     .tcm-details {
         margin-bottom: 20px;
     }
+
+    .christmas-theme .dark.block {
+        display: none;
+    }
+
+    .christmas-theme .dark.hidden {
+        display: block;
+    }
 </style>
 
 <body>
+    <div id="menu"></div>
     <br>
     <div class="md:container md:mx-auto">
         <div id="TCM" class="relative my-4"></div>
@@ -88,18 +183,20 @@ <h2 class="text-2xl font-bold mb-4 text-primary-content">Info trafic</h2>
             <div class="mx-auto max-w-7xl px-6 lg:px-8">
                 <div class="mx-auto max-w-2xl lg:mx-0">
                     <h2 class="text-3xl font-bold tracking-tight text-secondary sm:text-4xl">Notre Actualité</h2>
-                    <p class="mt-2 text-lg leading-8 text-secondary-focus">En direct de notre rédaction, toute
+                    <p class="mt-2 text-lg leading-8 text-secondary">En direct de notre rédaction, toute
                         l'actualité TCM.</p>
                 </div>
                 <div class="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-t border-base-200 pt-10 sm:mt-16 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-6"
                     id="content"></div>
             </div>
         </div>
-    </div>
-    <footer class="footer footer-center p-10 bg-primary text-primary-content">
+    </div><br>
+    <footer class="footer footer-center p-10 bg-primary text-primary-content relative">
         <aside>
-            <img src="/img/TCM-Sombre.png" width="200" height="200" alt="Logo TCM" class="hidden dark:block">
-            <img src="/img/TCM-Clair.png" width="200" height="200" alt="Logo TCM" class="block dark:hidden">
+            <div id="logo-container">
+                <img src="/img/TCM-Sombre.png" width="200" height="200" alt="Logo TCM" class="hidden dark:block">
+                <img src="/img/TCM-Clair.png" width="200" height="200" alt="Logo TCM" class="block dark:hidden">
+            </div>
             <p class="font-bold">
                 Partenaire de vos déplacements depuis 1989.
             </p>
@@ -279,7 +376,6 @@ <h2 class="text-3xl font-bold tracking-tight text-secondary sm:text-4xl">Notre A
 
     afficherInfoTrafic();
 </script>
-
 <script>
     $(function () {
         var url = "https://seal.transport-manager.net/tibo_lyon/wp-json/wp/v2/posts?categories=8&per_page=9";
@@ -337,6 +433,137 @@ <h2 class="card-title text-lg font-bold">${article.title.rendered}</h2>
             $("#content").html("<p>Aye Caramba !</p>");
         });
     });
+
+    document.addEventListener('DOMContentLoaded', () => {
+        const menuContainer = document.getElementById("menu");
+        if (isChristmas()) {
+            // Insérer le menu de Noël
+            menuContainer.innerHTML = `
+            <div class="navbar bg-base-300 relative shadow-lg border-b-4 border-primary">
+                <div class="navbar-start">
+                    <div class="dropdown">
+                        <label tabindex="0" class="btn btn-ghost lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary-focus" fill="none"
+                                viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                    d="M4 6h16M4 12h8m-8 6h16" />
+                            </svg>
+                        </label>
+                        <ul tabindex="0"
+                            class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+                            <li><a href="/src/reseau.html" class="hover:text-accent"><i class="fa-solid fa-gifts"></i> Notre
+                                    Réseau</a></li>
+                            <li><a href="/src/trafic.html" class="hover:text-accent"><i class="fa-solid fa-sleigh"></i> Info
+                                    Trafic</a></li>
+                            <li><a href="/src/tarifs.html" class="hover:text-accent"><i class="fa-solid fa-gift"></i> Tarif</a>
+                            </li>
+                            <li><a href="/src/agences.html" class="hover:text-accent"><i class="fa-solid fa-holly-berry"></i>
+                                    Nos Agences</a></li>
+                            <li><a href="/src/calendar.html" class="hover:text-primary-focus animate-pulse"><i
+                                        class="fa-solid fa-calendar-check"></i> Calendrier de l'Avent</a></li>
+                        </ul>
+                    </div>
+                    <a class="btn btn-ghost normal-case text-xl" href="/index.html">
+                        <img src="/img/TCM-Noel.png" width="75" height="75" alt="Logo TCM"
+                            class="drop-shadow-xl animate-bounce">
+                    </a>
+                </div>
+                <div class="navbar-center hidden lg:flex">
+                    <ul class="menu menu-horizontal px-1">
+                        <li><a href="/src/reseau.html" class="hover:text-accent"><i class="fa-solid fa-gifts"></i> Notre
+                                Réseau</a></li>
+                        <li><a href="/src/trafic.html" class="hover:text-accent"><i class="fa-solid fa-sleigh"></i> Info
+                                Trafic</a></li>
+                        <li><a href="/src/tarifs.html" class="hover:text-accent"><i class="fa-solid fa-gift"></i> Tarif</a></li>
+                        <li><a href="/src/agences.html" class="hover:text-accent"><i class="fa-solid fa-holly-berry"></i> Nos
+                                Agences</a></li>
+                        <li><a href="/src/calendar.html" class="hover:text-primary-focus animate-pulse"><i
+                                    class="fa-solid fa-calendar-check"></i> Calendrier de l'Avent</a></li>
+                    </ul>
+                </div>
+                <div class="navbar-end">
+                    <button class="btn btn-primary btn-sm rounded-full shadow-lg animate-bounce">🎄 Joyeux Noël !</button>
+                </div>
+            </div>
+            `;
+        } else {
+            // Insérer le menu normal
+            menuContainer.innerHTML = `
+            <div class="navbar bg-base-300 relative">
+                <div class="navbar-start">
+                    <div class="dropdown">
+                        <label tabindex="0" class="btn btn-ghost lg:hidden">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
+                                stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
+                            </svg>
+                        </label>
+                        <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+                            <li><a href="/src/reseau.html"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none"
+                                        viewBox="0 0 24 24" stroke="currentColor">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
+                                    </svg>Notre Réseau</a></li>
+                            <li><a href="/src/trafic.html"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none"
+                                        viewBox="0 0 24 24" stroke="currentColor">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                            d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                                    </svg>
+                                    Info Trafic
+                                </a></li>
+                            <li><a href="/src/tarifs.html"><svg class="w-[19px] h-[19px] text-gray-800 dark:text-white"
+                                        aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 14">
+                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
+                                            stroke-width="1.1"
+                                            d="M16.5 7A2.5 2.5 0 0 1 19 4.5V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2.5a2.5 2.5 0 1 1 0 5V12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9.5A2.5 2.5 0 0 1 16.5 7Z" />
+                                    </svg> Tarif</a></li>
+                            <li><a href="/src/agences.html"><svg class="w-[19px] h-[19px] text-gray-800 dark:text-white"
+                                        aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"
+                                        viewBox="0 0 21 20">
+                                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
+                                            stroke-width="1.1"
+                                            d="M3.308 9a2.257 2.257 0 0 0 2.25-2.264 2.25 2.25 0 0 0 4.5 0 2.25 2.25 0 0 0 4.5 0 2.25 2.25 0 1 0 4.5 0C19.058 5.471 16.956 1 16.956 1H3.045S1.058 5.654 1.058 6.736A2.373 2.373 0 0 0 3.308 9Zm0 0a2.243 2.243 0 0 0 1.866-1h.767a2.242 2.242 0 0 0 3.733 0h.767a2.242 2.242 0 0 0 3.733 0h.767a2.247 2.247 0 0 0 1.867 1A2.22 2.22 0 0 0 18 8.649V19H9v-7H5v7H2V8.524c.37.301.83.469 1.308.476ZM12 12h3v3h-3v-3Z" />
+                                    </svg> Nos Agences</a></li>
+                        </ul>
+                    </div>
+                    <a class="btn btn-ghost normal-case text-xl hidden dark:block" href="/index.html"><img src="/img/TCM-Clair.png"
+                            width="75" height="75" alt="Logo TCM"></a>
+                    <a class="btn btn-ghost normal-case text-xl block dark:hidden" href="/index.html"><img src="/img/TCM-Sombre.png"
+                            width="75" height="75" alt="Logo TCM"></a>
+                </div>
+                <div class="navbar-center hidden lg:flex">
+                    <ul class="menu menu-horizontal px-1">
+                        <li><a href="/src/reseau.html"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none"
+                                    viewBox="0 0 24 24" stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                        d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
+                                </svg>Notre Réseau</a></li>
+                        <li><a href="/src/trafic.html"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none"
+                                    viewBox="0 0 24 24" stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                        d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                                </svg>
+                                Info Trafic
+                            </a></li>
+                        <li><a href="/src/tarifs.html"><svg class="w-[19px] h-[19px] text-gray-800 dark:text-white"
+                                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 14">
+                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.1"
+                                        d="M16.5 7A2.5 2.5 0 0 1 19 4.5V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2.5a2.5 2.5 0 1 1 0 5V12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9.5A2.5 2.5 0 0 1 16.5 7Z" />
+                                </svg> Tarif</a></li>
+                        <li><a href="/src/agences.html"><svg class="w-[19px] h-[19px] text-gray-800 dark:text-white"
+                                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"
+                                    viewBox="0 0 21 20">
+                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.1"
+                                        d="M3.308 9a2.257 2.257 0 0 0 2.25-2.264 2.25 2.25 0 0 0 4.5 0 2.25 2.25 0 0 0 4.5 0 2.25 2.25 0 1 0 4.5 0C19.058 5.471 16.956 1 16.956 1H3.045S1.058 5.654 1.058 6.736A2.373 2.373 0 0 0 3.308 9Zm0 0a2.243 2.243 0 0 0 1.866-1h.767a2.242 2.242 0 0 0 3.733 0h.767a2.242 2.242 0 0 0 3.733 0h.767a2.247 2.247 0 0 0 1.867 1A2.22 2.22 0 0 0 18 8.649V19H9v-7H5v7H2V8.524c.37.301.83.469 1.308.476ZM12 12h3v3h-3v-3Z" />
+                                </svg> Nos Agences</a></li>
+                    </ul>
+                </div>
+                <div class="navbar-end">
+                </div>
+            </div>
+            `;
+        }
+    });
 </script>
 
 </html>
\ No newline at end of file
diff --git a/src/calendar.html b/src/calendar.html
new file mode 100644
index 0000000..556a14c
--- /dev/null
+++ b/src/calendar.html
@@ -0,0 +1,347 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <!-- Métadonnées du site -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Partenaire de vos déplacements dans Clermont-Ferrand depuis 1989.">
+    <meta name="keywords" content="Transport, Clermont-Ferrand, Mobilité">
+    <meta name="author" content="Transport Clermont Métropole">
+    <title>Transport Clermont Métropole</title>
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="https://tcm-mobilite.vercel.app/img/TCM.png">
+
+    <!-- Intégrations pour réseaux sociaux -->
+    <meta property="og:title" content="Transport Clermont Métropole">
+    <meta property="og:description" content="Partenaire de vos déplacements dans Clermont-Ferrand depuis 1989.">
+    <meta property="og:image" content="https://tcm-mobilite.vercel.app/img/TCM Clair.png">
+    <meta property="og:url" content="https://tcm-mobilite.vercel.app/">
+    <meta name="twitter:title" content="Transport Clermont Métropole">
+    <meta name="twitter:description" content="Partenaire de vos déplacements dans Clermont-Ferrand depuis 1989.">
+    <meta name="twitter:image" content="https://tcm-mobilite.vercel.app/img/TCM Clair.png">
+    <meta name="twitter:card" content="summary_large_image">
+    <!-- Couleur de fond pour l'intégration -->
+    <meta name="theme-color" content="#204BFE">
+    <!-- Meta Tags Generated with https://metatags.io -->
+    <link href="/dist/output.css" rel="stylesheet">
+    <script src="https://kit.fontawesome.com/d8bf012a3e.js" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script>document.addEventListener('contextmenu', function (e) { e.preventDefault(); e.stopPropagation(); }); document.addEventListener('copy', function (e) { e.preventDefault(); e.stopPropagation(); }); document.addEventListener('cut', function (e) { e.preventDefault(); e.stopPropagation(); });</script>
+    <style>
+        .jw-album-image img,
+        .jw-element-image img {
+            pointer-events: none;
+            -webkit-touch-callout: none;
+        }
+
+        .pswp__share-tooltip .pswp__share--download {
+            display: none;
+        }
+
+        .btn {
+            transition: transform 0.2s ease, box-shadow 0.2s ease;
+        }
+
+        .btn:hover {
+            transform: scale(1.05);
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+        }
+    </style>
+    <script>
+        const isChristmas = () => {
+            const today = new Date();
+            const startChristmas = new Date(today.getFullYear(), 11, 1); // 1er Décembre
+            const endChristmas = new Date(today.getFullYear(), 11, 31); // 25 Décembre inclus
+            return today >= startChristmas && today < endChristmas;
+        };
+        document.addEventListener('DOMContentLoaded', () => {
+            if (isChristmas()) {
+                // Fonction pour supprimer toutes les classes commençant par "dark:"
+                const removeDarkClasses = () => {
+                    // Sélectionner tous les éléments avec des classes "dark:"
+                    const elementsWithDark = document.querySelectorAll('[class*="dark:"]');
+
+                    // Parcourir chaque élément
+                    elementsWithDark.forEach(el => {
+                        // Parcourir ses classes
+                        const newClasses = Array.from(el.classList).filter(className => !className.startsWith('dark:'));
+                        // Remplacer l'ensemble des classes
+                        el.className = newClasses.join(' ');
+                    });
+                };
+
+                // Exécuter la suppression des classes `dark:`
+                removeDarkClasses();
+            }
+            if (isChristmas()) {
+
+                document.documentElement.classList.remove('dark');
+                document.documentElement.setAttribute('data-theme', 'cupcake');
+            }
+        });
+        if (isChristmas()) {
+            document.addEventListener('DOMContentLoaded', () => {
+                const snow = document.createElement('div');
+                snow.id = 'snow';
+                document.body.appendChild(snow);
+                const snowStyle = document.createElement('style');
+                snowStyle.innerHTML = `
+                    #snow {
+                        position: fixed;
+                        top: 0;
+                        left: 0;
+                        width: 100%;
+                        height: 100%;
+                        pointer-events: none;
+                        background: transparent;
+                        overflow: hidden;
+                        z-index: 9999;
+                    }
+                    @keyframes snowfall {
+                        0% { transform: translateY(-10px); opacity: 1; }
+                        100% { transform: translateY(100vh); opacity: 0; }
+                    }
+                    .flake {
+                        position: absolute;
+                        top: -10px;
+                        width: 10px;
+                        height: 10px;
+                        background: white;
+                        border-radius: 50%;
+                        opacity: 0.8;
+                        animation: snowfall 5s linear infinite;
+                    }
+                `;
+                document.head.appendChild(snowStyle);
+
+                for (let i = 0; i < 100; i++) {
+                    const flake = document.createElement('div');
+                    flake.classList.add('flake');
+                    flake.style.left = `${Math.random() * 100}vw`;
+                    flake.style.animationDelay = `${Math.random() * 5}s`;
+                    flake.style.animationDuration = `${2 + Math.random() * 3}s`;
+                    flake.style.opacity = Math.random();
+                    document.getElementById('snow').appendChild(flake);
+                }
+            });
+        }
+    </script>
+</head>
+
+<body class="bg-base-100 text-base-content">
+    <div class="navbar bg-base-300 relative shadow-lg border-b-4 border-primary">
+        <div class="navbar-start">
+            <div class="dropdown">
+                <label tabindex="0" class="btn btn-ghost lg:hidden">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary-focus" fill="none"
+                        viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M4 6h16M4 12h8m-8 6h16" />
+                    </svg>
+                </label>
+                <ul tabindex="0"
+                    class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+                    <li><a href="/src/reseau.html" class="hover:text-accent"><i class="fa-solid fa-gifts"></i> Notre
+                            Réseau</a></li>
+                    <li><a href="/src/trafic.html" class="hover:text-accent"><i class="fa-solid fa-sleigh"></i> Info
+                            Trafic</a></li>
+                    <li><a href="/src/tarifs.html" class="hover:text-accent"><i class="fa-solid fa-gift"></i> Tarif</a>
+                    </li>
+                    <li><a href="/src/agences.html" class="hover:text-accent"><i class="fa-solid fa-holly-berry"></i>
+                            Nos Agences</a></li>
+                    <li><a href="/src/calendar.html" class="hover:text-primary-focus animate-pulse"><i
+                                class="fa-solid fa-calendar-check"></i> Calendrier de l'Avent</a></li>
+                </ul>
+            </div>
+            <a class="btn btn-ghost normal-case text-xl" href="/index.html">
+                <img src="/img/TCM-Noel.png" width="75" height="75" alt="Logo TCM"
+                    class="drop-shadow-xl animate-bounce">
+            </a>
+        </div>
+        <div class="navbar-center hidden lg:flex">
+            <ul class="menu menu-horizontal px-1">
+                <li><a href="/src/reseau.html" class="hover:text-accent"><i class="fa-solid fa-gifts"></i> Notre
+                        Réseau</a></li>
+                <li><a href="/src/trafic.html" class="hover:text-accent"><i class="fa-solid fa-sleigh"></i> Info
+                        Trafic</a></li>
+                <li><a href="/src/tarifs.html" class="hover:text-accent"><i class="fa-solid fa-gift"></i> Tarif</a></li>
+                <li><a href="/src/agences.html" class="hover:text-accent"><i class="fa-solid fa-holly-berry"></i> Nos
+                        Agences</a></li>
+                <li><a href="/src/calendar.html" class="hover:text-primary-focus animate-pulse"><i
+                            class="fa-solid fa-calendar-check"></i> Calendrier de l'Avent</a></li>
+            </ul>
+        </div>
+        <div class="navbar-end">
+            <button class="btn btn-primary btn-sm rounded-full shadow-lg animate-bounce">🎄 Joyeux Noël !</button>
+        </div>
+    </div>
+
+    <header class="text-center py-6 bg-primary text-primary-content">
+        <h1 class="text-4xl font-bold">Calendrier de l'Avent - Voyage jusqu'en 2025 🎄</h1>
+        <p class="text-xl mt-2">Découvrez une surprise chaque jour !</p>
+    </header>
+    <main>
+        <div id="calendar" class="calendar grid grid-cols-7 gap-4 px-6 py-8"></div>
+
+        <!-- Modal DaisyUI -->
+        <dialog id="surprise-modal" class="modal">
+            <div class="modal-box">
+                <img src="../img/TCM-Noel.png" alt="Logo Noël TCM" class="h-50% w-auto mx-auto mb-4">
+                <h2 class="font-bold text-xl text-primary mb-4">Surprise du jour 🎁</h2>
+                <p id="surprise-content" class="text-lg mb-6"></p>
+                <div class="modal-action">
+                    <button id="close-surprise" class="btn btn-secondary">Fermer</button>
+                </div>
+            </div>
+        </dialog>
+
+    </main>
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            const calendar = document.getElementById('calendar');
+            const modal = document.getElementById('surprise-modal');
+            const surpriseContent = document.getElementById('surprise-content');
+            const modalTitle = modal.querySelector("h2");
+            const closeSurprise = document.getElementById('close-surprise');
+            const body = document.body;
+
+            // Déterminer la date actuelle
+            const today = new Date();
+            const currentDay = today.getDate();
+            //currentDay = 31; // Pour tester le calendrier de l'Avent
+            // Charger les surprises depuis le fichier JSON
+            fetch('tartopommes.json')
+                .then(response => response.json())
+                .then(data => {
+                    const days = data.days;
+
+                    // Générer les cases du calendrier
+                    for (let day = 11; day <= 31; day++) {
+                        const dayBox = document.createElement('div');
+                        dayBox.classList.add(
+                            'day-box', 'rounded-lg', 'shadow-lg', 'flex',
+                            'items-center', 'justify-center', 'cursor-pointer',
+                            'font-bold', 'text-lg', 'p-4', 'transition-all',
+                            'hover:scale-105', 'hover:rotate-3', 'hover:shadow-2xl'
+                        );
+
+                        dayBox.innerHTML = `
+                            <div class="flex flex-col items-center animate-pulse">
+                                <i class="fa${getIcon(day)} text-primary mb-2"></i>
+                                <span>${day}</span>
+                            </div>
+                        `;
+
+                        // Gérer l'état des cases
+                        if (day < currentDay) {
+                            dayBox.classList.add('bg-success', 'text-success-content');
+                        } else if (day === currentDay) {
+                            dayBox.classList.add('bg-warning', 'text-warning-content', 'animate-bounce');
+                        } else {
+                            dayBox.classList.add('bg-base-200', 'text-base-content', 'pointer-events-none', 'opacity-50');
+                        }
+
+                        // Ajouter l'événement de clic pour afficher la surprise
+                        if (day <= currentDay && days[day]) {
+                            dayBox.addEventListener('click', () => {
+                                showSurprise(days[day], day);
+                            });
+                        }
+
+                        // Ajouter la case au calendrier
+                        calendar.appendChild(dayBox);
+                    }
+                })
+                .catch(error => {
+                    console.error('Erreur lors du chargement des surprises :', error);
+                    const errorBox = document.createElement('div');
+                    errorBox.classList.add('alert', 'alert-error');
+                    errorBox.textContent = 'Impossible de charger les surprises pour le moment.';
+                    calendar.appendChild(errorBox);
+                });
+
+            // Fonction pour afficher la surprise dans le modal
+            function showSurprise(content, day) {
+                const isPast = day < currentDay;
+                modalTitle.textContent = isPast
+                    ? `Surprise du ${day} décembre 🎁`
+                    : 'Surprise du jour 🎁';
+                surpriseContent.textContent = content;
+                modal.showModal();
+            }
+
+            // Fermer le modal
+            closeSurprise.addEventListener('click', () => {
+                modal.close();
+            });
+
+            // Retourne une icône en fonction du jour
+            function getIcon(day) {
+                const icons = [
+                    ' fa-bus', ' fa-snowflake', ' fa-tree', ' fa-gift',
+                    ' fa-train', ' fa-plane', ' fa-sleigh', ' fa-star',
+                    ' fa-bell', '-solid fa-candy-cane', ' fa-calendar-check', ' fa-glass-cheers'
+                ];
+                return icons[day % icons.length];
+            }
+            const lutinImages = [
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Working.gif', // Exemple : mettez des URLs valides ici
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Bored.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Cycling.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Dancing.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Drink-Beer.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Gift.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Happy.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-High-Five.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-ILoveYou.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Kiss.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Laughing.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Offering-Flowers.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Hug.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Playing-Guitar.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Toast.gif',
+                'https://www.anooki.com/wp2019/wp-content/themes/anooki/img/stickers/Anooki-Running.gif'
+            ];
+            // Ajout de lutins Annokis aléatoires
+            setInterval(() => {
+                const lutin = document.createElement('img');
+                const randomImage = lutinImages[Math.floor(Math.random() * lutinImages.length)];
+                lutin.src = randomImage; // Choisir une image aléatoire
+                lutin.classList.add('absolute', 'animate-fade-in', 'pointer-events-none');
+                lutin.style.top = `${Math.random() * 100}vh`;
+                lutin.style.left = `${Math.random() * 100}vw`;
+                lutin.style.width = `${50 + Math.random() * 50}px`; // Taille entre 50px et 100px
+                lutin.style.opacity = 1; // Transparence pour fond discret
+                body.appendChild(lutin);
+
+                // Supprimer le lutin après 5 secondes
+                setTimeout(() => {
+                    lutin.remove();
+                }, 5000);
+            }, 10000); // Ajouter un lutin toutes les 3 secondes
+        });
+    </script>
+
+    <style>
+        @keyframes fade-in {
+            from {
+                opacity: 0;
+                transform: scale(0.8);
+            }
+
+            to {
+                opacity: 1;
+                transform: scale(1);
+            }
+        }
+
+        .animate-fade-in {
+            animation: fade-in 0.5s ease-in-out;
+        }
+    </style>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/menu.js b/src/menu.js
index e8d4f24..8bdcf39 100644
--- a/src/menu.js
+++ b/src/menu.js
@@ -1,6 +1,6 @@
 document.addEventListener("DOMContentLoaded", function () {
     const menu = `
-        <div class="navbar bg-base-300">
+    <div class="navbar bg-base-300 relative">
         <div class="navbar-start">
             <div class="dropdown">
                 <label tabindex="0" class="btn btn-ghost lg:hidden">
diff --git a/src/tartopommes.json b/src/tartopommes.json
new file mode 100644
index 0000000..6390bec
--- /dev/null
+++ b/src/tartopommes.json
@@ -0,0 +1,25 @@
+{
+    "days": {
+        "11": "🎁 Avez vous déjà pris la navette vers le marché de Noël ! Retrouvez nos lignes spéciales chaque week-end pour vos trajets vers le centre-ville.",
+        "12": "🎅 Saviez-vous que nous avons ajouté 3 nouvelles lignes interurbaines pour mieux desservir les communes éloignées ? Découvrez-les sur notre site !",
+        "13": "🚍 Une flotte de 9 MAN Lion's Coach L a été achetée pour améliorer votre confort ! Un voyage plus agréable vous attend.",
+        "14": "🚌 Le 15 décembre, la ligne 813 sera gratuite pour tous vos trajets vers le marché de Noël ! Profitez-en !",
+        "15": "🎄 Saviez-vous que TCM est partenaire du Zénith d'Auvergne pour les événements ? Notre navette spéciale y mène directement !",
+        "16": "🎁 Nos 30 nouveaux eCitaro G sont arrivés pour renforcer les lignes du réseau. Plus écologiques, plus spacieux !",
+        "17": "🎅 TCM offre des bons d’achat de Noël aux abonnés du Pass Illimité ! Restez connectés pour plus d'infos.",
+        "18": "🚍 Nouvelle fonctionnalité sur notre site TCM Mobilité : vous pouvez maintenant suivre vos bus en temps réel !",
+        "19": "🚌 La ligne 202 pour le Campus Alan Turing est désormais desservie en continu. Plus d’options pour vos trajets !",
+        "20": "🎄 Nous avons reçu les premières livraisons de véhicules hybrides FULL OPTION. Une flotte plus verte arrive !",
+        "21": "🎁 En 2025, la première ligne de tramway Clermontoise sera mise en service !",
+        "22": "🎅 Saviez-vous que grâce à nos bus hybrides, nous avons économisé 5 000 tonnes de CO₂ en 2024 ? Ensemble, construisons une mobilité plus verte ! 🌱",
+        "23": "🚍 Un grand jeu concours TCM vous attend ! À gagner des tickets gratuits pour les lignes TCM pour toute l'année 2025 !",
+        "24": "🚌 Attention, en raison des horaires spéciaux du marché de Noël, la ligne 813 s'arrêtera plus tôt ce soir, à 18h !",
+        "25": "🎄 Joyeux Noël ! 🎉 Nous vous souhaitons de belles fêtes de fin d'année. Profitez de votre réseau TCM !",
+        "26": "🎁 Le 31 décembre, voyagez gratuitement sur notre réseau ! Et oui, même les grands ont droit à un cadeau de noël !",
+        "27": "🎅 TCM lance un service de transport de fin d'année ! La nuit du 31 décembre, des navettes spéciales assureront vos déplacements en toute sécurité ! Et n'oubliez pas, quand on tient a quelqu'un, on le retient !",
+        "28": "🚍 Nos équipes ont travaillé dur pour vous offrir de nouveaux arrêts sur la ligne 202, et cela fait toute la différence pour vos trajets !",
+        "29": "🚌 Le programme 2025 de TCM est déjà prêt ! Plus d'infos à venir sur les nouvelles lignes et les améliorations prévues.",
+        "30": "🎄 Nos véhicules écologiques sont de plus en plus nombreux ! TCM continue son effort pour une mobilité plus verte et durable.",
+        "31": "Bonne année 2025 ! 🎉 Toute l’équipe TCM vous remercie pour votre confiance et vous souhaite une année pleine de sourires, de rencontres et de voyages agréables !"
+    }
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 51a318b..e2c15e7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,8 +9,7 @@ module.exports = {
     extend: {},
   },
   daisyui: {
-    themes: ["winter", "night", "dark"],
+    themes: ["winter", "cupcake", "dark"],
   },
   plugins: [require("daisyui"),require('flowbite/plugin')],
-}
-
+}
\ No newline at end of file