Update styles.css

Kiran18b · Aug 14, 2024 · f60cb75 · f60cb75
1 parent f7a325b
commit f60cb75
Showing 1 changed file with 38 additions and 6 deletions.
diff --git a/CSS /styles.css b/CSS /styles.css
@@ -1,24 +1,42 @@
+/* General Styling */
 body {
-    font-family: Arial, sans-serif;
+    font-family: 'Arial', sans-serif;
     line-height: 1.6;
     margin: 0;
     padding: 0;
     background-color: #f4f4f4;
     color: #333;
 }
 
+/* Header Styling */
 header {
-    background: #333;
+    background: #4e54c8;
     color: #fff;
-    padding: 20px 0;
+    padding: 20px;
     text-align: center;
+    border-bottom: 5px solid #00b4d8;
+}
+
+header h1 {
+    margin: 0;
+    font-size: 2.5em;
+}
+
+header p {
+    margin: 5px 0;
+    font-size: 1.2em;
 }
 
 header a {
     color: #00b4d8;
     text-decoration: none;
 }
 
+header a:hover {
+    text-decoration: underline;
+}
+
+/* Section Styling */
 section {
     padding: 20px;
     margin: 20px auto;
@@ -28,11 +46,15 @@ section {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
-h2 {
-    color: #0077b6;
-    margin-bottom: 10px;
+section h2 {
+    color: #4e54c8;
+    margin-bottom: 20px;
+    font-size: 1.8em;
+    border-bottom: 2px solid #00b4d8;
+    padding-bottom: 10px;
 }
 
+/* List Styling */
 ul {
     list-style-type: none;
     padding: 0;
@@ -44,3 +66,13 @@ ul li {
     padding: 10px;
     border-radius: 5px;
 }
+
+/* Link Styling */
+a {
+    color: #4e54c8;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}