From a3c9af40dd1194b990cecc1d3e59840b91b58d92 Mon Sep 17 00:00:00 2001
From: OxOcs1090 <cs16forever0x0@proton.me>
Date: Wed, 5 Jul 2023 00:04:00 +0800
Subject: [PATCH] Update: full changes see
 'https://github.com/Constrix/Constrix-official-page'

---
 index.html |  2 +-
 styles.css | 75 +++++++++++++++++++++++++-----------------------------
 2 files changed, 36 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 82bb1ad..99e67ed 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@ <h1 class="text-5xl font-bold">Constrix</h1>
                     <h2 class="text-3xl mb-5 font-bold">Forum community</h2>
                     <p class="mb-5">our forum currently making, Coming soon, we will notify you on discord once it is
                         completed.</p>
-                    <a href="https://discord.gg/TBpTHuwZ" class="link link-success mt-5"
+                    <a href="https://forum.constrix.org" class="link link-success mt-5"
                         target="_blank">https://forum.constrix.org</a>
                 </form>
                 <form method="dialog" class="modal-backdrop">
diff --git a/styles.css b/styles.css
index 725b28e..a7dc796 100644
--- a/styles.css
+++ b/styles.css
@@ -4098,6 +4098,10 @@ details.collapse summary::-webkit-details-marker {
   margin-bottom: 1.25rem;
 }
 
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
 .ml-5 {
   margin-left: 1.25rem;
 }
@@ -4114,10 +4118,6 @@ details.collapse summary::-webkit-details-marker {
   margin-top: 1.25rem;
 }
 
-.ml-2 {
-  margin-left: 0.5rem;
-}
-
 .block {
   display: block;
 }
@@ -4146,6 +4146,10 @@ details.collapse summary::-webkit-details-marker {
   display: none;
 }
 
+.h-10 {
+  height: 2.5rem;
+}
+
 .h-32 {
   height: 8rem;
 }
@@ -4154,10 +4158,6 @@ details.collapse summary::-webkit-details-marker {
   height: 1.25rem;
 }
 
-.h-10 {
-  height: 2.5rem;
-}
-
 .h-6 {
   height: 1.5rem;
 }
@@ -4166,6 +4166,10 @@ details.collapse summary::-webkit-details-marker {
   min-height: 100vh;
 }
 
+.w-10 {
+  width: 2.5rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
@@ -4174,18 +4178,14 @@ details.collapse summary::-webkit-details-marker {
   width: 13rem;
 }
 
-.w-full {
-  width: 100%;
-}
-
-.w-10 {
-  width: 2.5rem;
-}
-
 .w-6 {
   width: 1.5rem;
 }
 
+.w-full {
+  width: 100%;
+}
+
 .max-w-md {
   max-width: 28rem;
 }
@@ -4234,20 +4234,20 @@ details.collapse summary::-webkit-details-marker {
   place-items: center;
 }
 
-.gap-4 {
-  gap: 1rem;
+.gap-2 {
+  gap: 0.5rem;
 }
 
-.gap-6 {
-  gap: 1.5rem;
+.gap-4 {
+  gap: 1rem;
 }
 
 .gap-5 {
   gap: 1.25rem;
 }
 
-.gap-2 {
-  gap: 0.5rem;
+.gap-6 {
+  gap: 1.5rem;
 }
 
 .border {
@@ -4286,6 +4286,10 @@ details.collapse summary::-webkit-details-marker {
   fill: currentColor;
 }
 
+.p-0 {
+  padding: 0px;
+}
+
 .p-10 {
   padding: 2.5rem;
 }
@@ -4298,10 +4302,6 @@ details.collapse summary::-webkit-details-marker {
   padding: 1.25rem;
 }
 
-.p-0 {
-  padding: 0px;
-}
-
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -4317,10 +4317,6 @@ details.collapse summary::-webkit-details-marker {
   padding-bottom: 1.5rem;
 }
 
-.pt-5 {
-  padding-top: 1.25rem;
-}
-
 .pl-5 {
   padding-left: 1.25rem;
 }
@@ -4329,6 +4325,10 @@ details.collapse summary::-webkit-details-marker {
   padding-right: 1.25rem;
 }
 
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -4385,6 +4385,11 @@ details.collapse summary::-webkit-details-marker {
   color: rgb(74 222 128 / var(--tw-text-opacity));
 }
 
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+
 .text-neutral-content {
   --tw-text-opacity: 1;
   color: hsl(var(--nc) / var(--tw-text-opacity));
@@ -4400,11 +4405,6 @@ details.collapse summary::-webkit-details-marker {
   color: hsl(var(--pc) / var(--tw-text-opacity));
 }
 
-.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
-}
-
 .underline {
   text-decoration-line: underline;
 }
@@ -4459,11 +4459,6 @@ details.collapse summary::-webkit-details-marker {
   }
 }
 
-.focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
 @media (min-width: 768px) {
   .md\:h-6 {
     height: 1.5rem;