updated website and added some css also a new article

1 files changed, 17 insertions, 13 deletions

diff --git a/public/styles.css b/public/styles.css
index d628ffc..75c93d3 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1,3 +1,4 @@
+/* Reset CSS */
 body {
     font-family: Arial, sans-serif;
     margin: 0;
@@ -7,6 +8,7 @@ body {
     display: flex;
 }
 
+/* Sidebar Styles */
 .sidebar {
     position: fixed;
     top: 0;
@@ -20,7 +22,7 @@ body {
 }
 
 .sidebar:hover {
-    width: 300px; 
+    width: 300px;
 }
 
 .sidebar h2 {
@@ -52,8 +54,9 @@ body {
     color: #f9f9f9;
 }
 
+/* Content Styles */
 .content {
-    margin-left: 240px; 
+    margin-left: 240px;
     padding: 20px;
     flex: 1;
 }
@@ -69,7 +72,7 @@ header {
 header a {
     color: #ffffff;
     text-align: center;
-    text-decoration: none; 
+    text-decoration: none;
 }
 
 header hr {
@@ -112,11 +115,9 @@ nav ul li a:hover {
     border-radius: 5px;
 }
 
+/* Main Content Styles */
 main {
-    background-color: #1f1f1f;
     padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     margin-top: 20px;
 }
 
@@ -137,13 +138,7 @@ main a:hover {
     text-decoration: underline;
 }
 
-.center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 70%;
-}
-
+/* About Section Styles */
 .about-content {
     display: flex;
     align-items: center;
@@ -162,6 +157,15 @@ main a:hover {
     border: 5px solid #7a4d7c;
 }
 
+/* Article Styles */
+.article {
+    background-color: #171717;
+    padding: 20px; 
+    margin-bottom: 20px; /* Margin between articles */
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Box shadow */
+}
+
 #Articles a {
     color: #7a4d7c;
 }