diff --git a/css/dist.css b/css/dist.css
index 7161930..265f4af 100644
--- a/css/dist.css
+++ b/css/dist.css
@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.2 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -211,6 +211,8 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -234,9 +236,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -492,6 +494,10 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 ::backdrop {
@@ -542,6 +548,10 @@ video {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 .fixed {
@@ -570,8 +580,8 @@ video {
   margin-bottom: 5rem;
 }
 
-.-mr-\[70vw\] {
-  margin-right: -70vw;
+.-mr-\[80vw\] {
+  margin-right: -80vw;
 }
 
 .mb-1 {
@@ -586,6 +596,10 @@ video {
   margin-bottom: 5rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .ml-auto {
   margin-left: auto;
 }
@@ -606,18 +620,6 @@ video {
   margin-top: 10vw;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-
-.-mr-\[80vw\] {
-  margin-right: -80vw;
-}
-
 .flex {
   display: flex;
 }
@@ -634,12 +636,20 @@ video {
   width: 85%;
 }
 
+.w-\[90\%\] {
+  width: 90%;
+}
+
 .w-full {
   width: 100%;
 }
 
-.w-\[90\%\] {
-  width: 90%;
+.w-\[99\%\] {
+  width: 99%;
+}
+
+.max-w-\[700px\] {
+  max-width: 700px;
 }
 
 .items-center {
@@ -658,9 +668,12 @@ video {
   border-radius: 1.5rem;
 }
 
-.bg-\[\#FFFFFF\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
 }
 
 .bg-\[\#ffffff\] {
@@ -683,6 +696,26 @@ video {
   background-color: rgb(22 21 36 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#000000\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#220022\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 0 34 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#110022\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 0 34 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#000011\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 17 / var(--tw-bg-opacity));
+}
+
 .bg-contain {
   background-size: contain;
 }
@@ -731,6 +764,10 @@ video {
   padding-bottom: 5rem;
 }
 
+.pb-\[75px\] {
+  padding-bottom: 75px;
+}
+
 .pt-10 {
   padding-top: 2.5rem;
 }
@@ -739,8 +776,16 @@ video {
   padding-top: 5rem;
 }
 
-.pb-\[75px\] {
-  padding-bottom: 75px;
+.pb-5 {
+  padding-bottom: 1.25rem;
+}
+
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
 }
 
 .text-left {
@@ -755,18 +800,14 @@ video {
   font-family: 'jetbrains';
 }
 
-.font-\[\'manrope\'\] {
-  font-family: 'manrope';
-}
-
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
 }
 
 .text-6xl {
@@ -774,6 +815,11 @@ video {
   line-height: 1;
 }
 
+.text-\[3\.7rem\]\/\[3\.7rem\] {
+  font-size: 3.7rem;
+  line-height: 3.7rem;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -789,70 +835,20 @@ video {
   line-height: 1.75rem;
 }
 
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-
-.text-\[4rem\] {
-  font-size: 4rem;
-}
-
-.text-\[3\.9rem\] {
-  font-size: 3.9rem;
-}
-
-.text-\[3\.9rem\]\/loose {
-  font-size: 3.9rem;
-  line-height: 2;
-}
-
-.text-\[3\.9rem\]\/\[1rem\] {
-  font-size: 3.9rem;
-  line-height: 1rem;
-}
-
-.text-\[3\.9rem\]\/\[2rem\] {
-  font-size: 3.9rem;
-  line-height: 2rem;
-}
-
-.text-\[3\.9rem\]\/\[4rem\] {
-  font-size: 3.9rem;
-  line-height: 4rem;
-}
-
-.text-\[3\.7rem\]\/\[4rem\] {
-  font-size: 3.7rem;
-  line-height: 4rem;
-}
-
-.text-\[3\.7rem\]\/\[3\.9rem\] {
-  font-size: 3.7rem;
-  line-height: 3.9rem;
-}
-
-.text-\[3\.7rem\]\/\[3\.7rem\] {
-  font-size: 3.7rem;
-  line-height: 3.7rem;
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
 }
 
-.font-\[1100\] {
-  font-weight: 1100;
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
 }
 
 .font-black {
   font-weight: 900;
 }
 
-.font-extrabold {
-  font-weight: 800;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
 .text-\[\#FFFFFF\] {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -868,6 +864,16 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-\[\#110022\] {
+  --tw-text-opacity: 1;
+  color: rgb(17 0 34 / var(--tw-text-opacity));
+}
+
+.text-mycol {
+  --tw-text-opacity: 1;
+  color: rgb(138 151 255 / var(--tw-text-opacity));
+}
+
 .outline {
   outline-style: solid;
 }
@@ -880,6 +886,10 @@ video {
   outline-color: #fff;
 }
 
+.outline-\[\#99c1f1\] {
+  outline-color: #99c1f1;
+}
+
 .backdrop-blur-2xl {
   --tw-backdrop-blur: blur(40px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -1279,8 +1289,9 @@ html.zoomedout{
 }
 
 @media (min-width: 768px) {
-  .md\:-mr-\[25vw\] {
-    margin-right: -25vw;
+  .md\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
   }
 
   .md\:-mr-\[35vw\] {
@@ -1295,6 +1306,50 @@ html.zoomedout{
     width: 75%;
   }
 
+  .md\:max-w-\[700px\] {
+    max-width: 700px;
+  }
+
+  .md\:max-w-\[70px\] {
+    max-width: 70px;
+  }
+
+  .md\:max-w-\[7000px\] {
+    max-width: 7000px;
+  }
+
+  .md\:max-w-\[5000px\] {
+    max-width: 5000px;
+  }
+
+  .md\:max-w-\[1000px\] {
+    max-width: 1000px;
+  }
+
+  .md\:max-w-\[3500px\] {
+    max-width: 3500px;
+  }
+
+  .md\:max-w-\[3000px\] {
+    max-width: 3000px;
+  }
+
+  .md\:max-w-\[2000px\] {
+    max-width: 2000px;
+  }
+
+  .md\:max-w-\[1300px\] {
+    max-width: 1300px;
+  }
+
+  .md\:max-w-\[1500px\] {
+    max-width: 1500px;
+  }
+
+  .md\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
   .md\:bg-fixed {
     background-attachment: fixed;
   }
@@ -1316,6 +1371,11 @@ html.zoomedout{
     line-height: 2rem;
   }
 
+  .md\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
   .md\:text-5xl {
     font-size: 3rem;
     line-height: 1;
@@ -1331,13 +1391,8 @@ html.zoomedout{
     line-height: 1;
   }
 
-  .md\:text-4xl {
-    font-size: 2.25rem;
-    line-height: 2.5rem;
-  }
-
-  .md\:text-9xl {
-    font-size: 8rem;
+  .md\:text-7xl {
+    font-size: 4.5rem;
     line-height: 1;
   }
 
diff --git a/ui/homepage.html b/ui/homepage.html
index f29b89e..3bec2bc 100644
--- a/ui/homepage.html
+++ b/ui/homepage.html
@@ -12,12 +12,12 @@
         </style>
     </head>
 
-    <body class="bg-mycol bg-contain bg-cover text-[#FFFFFF] md:bg-fixed">
+    <body class="bg-[#000011] bg-contain bg-cover text-[#FFFFFF] md:bg-fixed center items-center">
         <div class="fixed top-5 right-5">
             <button class="text-sm md:text-4xl bg-mycol1 rounded-2xl p-5 md:p-10 backdrop-blur-2xl" onclick="location.href='/semnez';">Vreau sa semnez</button>
         </div>
         <div
-            class="bg-mycol2 mb-20 flex w-[100%] items-center justify-center pb-[75px]"
+            class="bg-mycol2 my-10 md:my-20 mb-20 flex w-[100%] items-center justify-center pb-[75px] md:max-w-[1500px] center ml-auto mr-auto rounded-3xl"
         >
             <div
                 class="center flex-center text-centers w-[90%] items-center justify-center md:w-[75%]"
@@ -33,7 +33,8 @@
                 <p class="font-black text-left text-xl md:text-5xl gradient_text2 mt-20 md:pt-20">Asadar, cerem corectarea acestei discrepante prin ajustarea in dificultate a celor doua examene, in mod transparent, pentru a preveni un avantaj injust al unei materii fata de alta in repartizarea pe locuri.</p>
                 
 
-                <p class="font-black text-center mt-20 pt-20 text-6xl md:text-8xl pb-20">Semnat,</p>
+                <p class="font-black text-center mt-20 pt-10 text-6xl md:text-8xl pb-2">Semnat,</p>
+                <p class="pb-10 font-black text-center pt-20 text-3xl md:text-5xl mb-20" id="nrsem"> </p>
                 
                 
                 <div id="pleader" class="text-center items-center ml-auto mr-auto mb-10">
@@ -50,13 +51,15 @@
         var signatures = JSON.parse(signatures_STR);
         var pleader = document.getElementById("pleader");
 
+        document.getElementById("nrsem").innerHTML = "(" + signatures.i_buffer + " semnatari" + ")";
+
         Object.keys(signatures.signatures).forEach(function (key) {
             pleader.innerHTML +=
-                `<p class="mb-5 gradient_text2 buttonglow outline outline-1 outline-white text-black text-sm md:text-2xl px-6 py-3 mb-1 rounded-2xl buttonglow md:w-3/4 ml-auto mr-auto font-['jetbrains'] font-black">` +
+                `<p class="mb-5 gradient_text2 buttonglow outline outline-1 outline-[#99c1f1] text-black text-sm md:text-2xl px-6 py-3 mb-1 rounded-lg md:rounded-2xl buttonglow md:w-3/4 ml-auto mr-auto font-['jetbrains'] font-black">` +
                 key +
-                `. ` +
+                `. <span class="text-mycol">` +
                 signatures.signatures[key].name +
-                ` - ` +
+                `</span> - ` +
                 signatures.signatures[key].clasa +
                 `  -  ` +
                 signatures.signatures[key].domeniu +