diff --git a/404.html b/404.html
index 20f97a1..c20804e 100644
--- a/404.html
+++ b/404.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" type="x-icon" href="assets/img/logo_white.png">
-    <link rel="stylesheet" href="./css/404style.css">
+    <link rel="stylesheet" href="./css/404-style.css">
     <title>Page Not Found</title>
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Chango&family=Roboto:wght@300&display=swap" rel="stylesheet">
diff --git a/about.html b/about.html
deleted file mode 100644
index e69de29..0000000
diff --git a/contact.html b/contact.html
index de9d14e..a5dd2b3 100644
--- a/contact.html
+++ b/contact.html
@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Tea Client</title>
     <link rel="shortcut icon" type="x-icon" href="assets/img/logo_white.png">
-    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/contact-style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
@@ -24,6 +24,11 @@ <h4>Tea Client</h4>
         </nav>
     </section>
 
+    <div class="container"></div>
+        <h1>Connect With Us</h1>
+        <p>Feel free to get in touch with us! If you have any questions, suggestions, or just want to say hello, drop us an email at info@teaclient.net. Before reaching out, we kindly recommend checking out our FAQ section as it might have the answers you're looking for. We value your time and strive to provide the best possible support.</p>
+        
+
     <footer>
         <div class="footer-content">
             <h3>Tea Client</h3>
diff --git a/css/404style.css b/css/404-style.css
similarity index 100%
rename from css/404style.css
rename to css/404-style.css
diff --git a/css/contact-style.css b/css/contact-style.css
new file mode 100644
index 0000000..731415a
--- /dev/null
+++ b/css/contact-style.css
@@ -0,0 +1,149 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+/* scrollbar */
+::-webkit-scrollbar {
+    width: 1em;
+}
+::-webkit-scrollbar-track {
+    background: #29292a;
+}
+::-webkit-scrollbar-thumb {
+    background: #52565a;
+    border-radius: 10vw;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: #7d8183;
+}
+/* header */
+.header{
+    min-height: 100vh;
+    width: 100%;
+    background-image: url(../assets/img/background.png);
+    background-position: center;
+    background-size: cover;
+    position: relative;
+}
+/* navigation */
+nav {
+    position: relative;
+    display: flex;
+    padding: 1% 2%;
+    justify-content: space-between;
+    align-items: center;
+    background-color: rgba(0, 0, 0, 0.3);
+}
+nav h4{
+    font-family: 'Panton', sans-serif;
+    color: white;
+    padding-left: 20px;
+    font-size: 36px;
+    
+}
+nav img{
+    width: 90px;
+}
+.nav-links{
+    flex: 1;
+    text-align: right;
+}
+.nav-links ul li{
+    list-style: none;
+    display: inline-block;
+    padding: 8px 12px;
+    position: relative;
+}
+.nav-links ul li a{
+    color: #FFF;
+    text-decoration: none;
+    font-family: 'Panton', sans-serif;
+    font-weight: bold;
+    font-size: 20px;
+}
+.nav-links ul li::after{
+    content: '';
+    width: 0%;
+    height: 3px;
+    background: #ffffff;
+    display: block;
+    margin: auto;
+    transform: 1s;
+}
+.nav-links ul li:hover::after{
+    width: 100%;
+
+/* Footer */
+}
+footer{
+    background: #111;
+    height: auto;
+    width: 100%;
+    font-family: "Open Sans";
+    padding-top: 40px;
+    color: #fff;
+}
+.footer-content{
+    font-family: 'Panton', sans-serif;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    text-align: center;
+}
+.socials{
+    display: flex;
+    justify-content: center;
+    width: 100px;
+    height: 100px;
+}
+/* footer navigation */
+.fa-brands{
+    color: white;
+    transform: scale(2);
+    margin: 20px;
+    transition: 0.25s;
+}
+.fa-brands:hover{
+    color: gray;
+}
+.footerNav {
+    text-align: center;
+}
+.footerNav a{
+    font-family: 'Panton', sans-serif;
+    display: flex;
+    display: inline-block;
+    margin-right: 10px;
+}
+.footerNav a{
+    color: white;
+    margin: 20px;
+    text-decoration: none;
+    font-size: 1.3rem;
+    opacity: 0.7;
+    transition: 0.5s;
+}
+.footerNav a:hover{
+    opacity: 1;
+}
+/* footer bottom */
+.footer-bottom{
+    overflow: auto;
+    background: #000;
+    width: 100%;
+    padding: 20px 0;
+    text-align: center;
+}
+.footer-bottom p{
+    margin-left: 20px;
+    float: left;
+    font-family: 'Panton', sans-serif;
+    font-size: 14px;
+    word-spacing: 2px;
+}
+#affiliation {
+    margin-right: 20px;
+    float: right;
+}
\ No newline at end of file
diff --git a/css/downloadstyle.css b/css/download-style.css
similarity index 100%
rename from css/downloadstyle.css
rename to css/download-style.css
diff --git a/css/style.css b/css/style.css
index 731415a..557f154 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,6 +2,7 @@
     margin: 0;
     padding: 0;
     box-sizing: border-box;
+    font-family: 'Panton', sans-serif;
 }
 /* scrollbar */
 ::-webkit-scrollbar {
@@ -36,7 +37,6 @@ nav {
     background-color: rgba(0, 0, 0, 0.3);
 }
 nav h4{
-    font-family: 'Panton', sans-serif;
     color: white;
     padding-left: 20px;
     font-size: 36px;
@@ -58,7 +58,6 @@ nav img{
 .nav-links ul li a{
     color: #FFF;
     text-decoration: none;
-    font-family: 'Panton', sans-serif;
     font-weight: bold;
     font-size: 20px;
 }
@@ -80,12 +79,10 @@ footer{
     background: #111;
     height: auto;
     width: 100%;
-    font-family: "Open Sans";
     padding-top: 40px;
     color: #fff;
 }
 .footer-content{
-    font-family: 'Panton', sans-serif;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -112,7 +109,6 @@ footer{
     text-align: center;
 }
 .footerNav a{
-    font-family: 'Panton', sans-serif;
     display: flex;
     display: inline-block;
     margin-right: 10px;
@@ -139,7 +135,6 @@ footer{
 .footer-bottom p{
     margin-left: 20px;
     float: left;
-    font-family: 'Panton', sans-serif;
     font-size: 14px;
     word-spacing: 2px;
 }
