From 422b417c29c850890be8a01acbb400781626d994 Mon Sep 17 00:00:00 2001
From: t404owo <tags4owo@gmail.com>
Date: Fri, 17 Oct 2025 01:57:04 +0000
Subject: [PATCH] test #4 design check

---
 assets/css/main.css |  11 ++++
 assets/css/old.css  | 145 ++++++++++++++++++++++----------------------
 2 files changed, 84 insertions(+), 72 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index e437ebc..6bcb4ba 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -657,6 +657,17 @@ nav {
     padding: 1rem 1rem;
     margin-bottom: 1.5rem;
   }
+
+  .box {
+    height:2rem;
+    width: 100%;
+    text-align: center;
+    border-radius: 5px;
+    margin: auto;
+    align-items: center;
+    justify-content: center;
+    padding: 0.5rem 0.5rem;
+  }
 }
 
 textarea,
diff --git a/assets/css/old.css b/assets/css/old.css
index 8dc5c1d..8bc08eb 100644
--- a/assets/css/old.css
+++ b/assets/css/old.css
@@ -576,6 +576,79 @@ nav .dropdown {
   background-color: #ddd;
 }
 
+
+.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;
+}
+
+.contact-email :not(textarea) {
+  text-align: center;
+}
+
+.contact-email .inputbox:hover {
+  background: #dedede;
+}
+
+.contact-email .inputbox:focus {
+  background: #cecece;
+}
+
+.contact-email button {
+  width: 100%;
+  height: 3rem;
+  border-radius: 5px;
+  text-align: center;
+}
+
+.contact-email .formbutton {
+  background: #272727;
+  color: #fff;
+  border: 0px;
+  transition-duration: 300ms;
+  cursor: pointer;
+}
+
+.contact-email .formbutton:hover {
+  background: #727272;
+}
+
+.contact-email .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;
+}
+
+.contact-email .error_box {
+  background: #fee;
+  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;
+}
+
 .topic {
   padding: 1rem;
   font-size: 3rem;
@@ -696,78 +769,6 @@ nav .dropdown {
   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;
-}
-
-.contact-email :not(textarea) {
-  text-align: center;
-}
-
-.contact-email .inputbox:hover {
-  background: #dedede;
-}
-
-.contact-email .inputbox:focus {
-  background: #cecece;
-}
-
-.contact-email button {
-  width: 100%;
-  height: 3rem;
-  border-radius: 5px;
-  text-align: center;
-}
-
-.contact-email .formbutton {
-  background: #272727;
-  color: #fff;
-  border: 0px;
-  transition-duration: 300ms;
-  cursor: pointer;
-}
-
-.contact-email .formbutton:hover {
-  background: #727272;
-}
-
-.contact-email .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;
-}
-
-.contact-email .error_box {
-  background: #fee;
-  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)*/