From 17c26b0fb034e8ee3a7fc380eef179343a981bbb Mon Sep 17 00:00:00 2001
From: t404owo <tags4owo@gmail.com>
Date: Fri, 17 Oct 2025 01:48:53 +0000
Subject: [PATCH] test#3 reedited color

---
 assets/css/main.css | 158 ++++++++++++++++++++++----------------------
 assets/js/mail.js   |   2 +-
 2 files changed, 81 insertions(+), 79 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 5d7c31c..e437ebc 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -587,6 +587,86 @@ nav {
   }
 }
 
+
+
+.contact-email {
+
+  .inputbox {
+    outline: none;
+    height: 3rem;
+    width: 100%;
+    display: block;
+    background: #EFEFEF;
+    color: black;
+    border: 0px solid #505050;
+    border-radius: 5px;
+    transition: 0.3s;
+    margin-top: 0.5rem;
+  }
+
+  :not(textarea) {
+    text-align: center;
+  }
+
+  .inputbox:hover {
+    background: #DEDEDE;
+  }
+
+  .inputbox:focus {
+    background: #CECECE;
+  }
+
+  button {
+    width: 100%;
+    height: 3rem;
+    border-radius: 5px;
+    text-align: center;
+  }
+
+  .formbutton {
+    background: #272727;
+    color: #fff;
+    border: 0px;
+    transition-duration: 300ms;
+    cursor: pointer;
+  }
+
+  .formbutton:hover {
+    background: #727272;
+  }
+
+  .form {
+    border-radius: 5px;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+    padding: 4rem 2.5rem;
+    width: 65%;
+    background: #FDFDFD;
+    box-shadow: rgba(50, 50, 50, 0.1) 0px 4px 12px;
+  }
+
+  .error_box {
+    background: #FFEEEE;
+    border-radius: 5px;
+
+    margin: auto;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 1rem 1rem;
+    margin-bottom: 1.5rem;
+  }
+}
+
+textarea,
+textfield {
+  padding: 5px;
+  font-size: 0.95rem;
+  resize: vertical;
+  min-height: 10rem;
+}
+
 .topic {
   padding: 1rem;
   font-size: 3rem;
@@ -707,84 +787,6 @@ nav {
   height: 2rem;
 }
 
-
-.contact-email {
-
-  .inputbox {
-    outline: none;
-    height: 3rem;
-    width: 100%;
-    display: block;
-    background: #EFEFEF;
-    color: black;
-    border: 0px solid #505050;
-    border-radius: 5px;
-    transition: 0.3s;
-    margin-top: 0.5rem;
-  }
-
-  :not(textarea) {
-    text-align: center;
-  }
-
-  .inputbox:hover {
-    background: #DEDEDE;
-  }
-
-  .inputbox:focus {
-    background: #CECECE;
-  }
-
-  button {
-    width: 100%;
-    height: 3rem;
-    border-radius: 5px;
-    text-align: center;
-  }
-
-  .formbutton {
-    background: #272727;
-    color: #fff;
-    border: 0px;
-    transition-duration: 300ms;
-    cursor: pointer;
-  }
-
-  .formbutton:hover {
-    background: #727272;
-  }
-
-  .form {
-    border-radius: 5px;
-    align-items: center;
-    justify-content: center;
-    margin: auto;
-    padding: 4rem 2.5rem;
-    width: 65%;
-    background: #FDFDFD;
-    box-shadow: rgba(50, 50, 50, 0.1) 0px 4px 12px;
-  }
-
-  .error_box {
-    background: #FFEEEE;
-    border-radius: 5px;
-
-    margin: auto;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    padding: 1rem 1rem;
-    margin-bottom: 1.5rem;
-  }
-}
-
-textarea,
-textfield {
-  padding: 5px;
-  font-size: 0.95rem;
-}
-
-
 @media screen and (width >=1180px) and (width<=1690px) {
   /*if(width<1620px&&width>=1125px)*/
 
diff --git a/assets/js/mail.js b/assets/js/mail.js
index d871357..285ffbb 100644
--- a/assets/js/mail.js
+++ b/assets/js/mail.js
@@ -40,7 +40,7 @@ form.addEventListener("submit", async (e) => {
         }
 
         statusMessage.textContent = "Message sent successfully!";
-        statusMessage.style = "background: #FFDCDC";
+        statusMessage.style = "background: #DDF6D2";
         form.reset();
     } catch (error) {
         console.error("Error sending message:", error);