Update index.css

css/index.css

@@ -1,30 +1,58 @@
-
+.container {
-.section {
+    font-family: Arial, sans-serif;
-    background-color: #2a5770;
+    max-width: 800px;
-    margin-left: 30px;
+    margin: 0 auto;
-    margin-right: 30px;
+    padding: 20px;
-    padding: 10px;
+    line-height: 1.6;
-    border-radius: 20px;
+    color: #333;
-    text-align: left;
-
 }
-.all {
+
-    background-color: #173342;
+h1 {
-    color:white;
+    color: #0073e6;
+    font-size: 2.5em;
     text-align: center;
 }
 
-a {
+h2 {
-    color: lightblue;
+    color: #005bb5;
+    font-size: 2em;
+    margin-top: 20px;
 }
 
-.mini {
+h3 {
-    background-color: #52a3cf;
+    color: #003d80;
-    margin-left: 30px;
+    font-size: 1.5em;
-    margin-right: 30px;
+    margin-bottom: 10px;
-    padding: 10px;
+}
-    border-radius: 20px;
+
-    text-align: left;
+.intro {
-
+    font-size: 1.2em;
-
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+.section {
+    background-color: #f9f9f9;
+    padding: 15px;
+    border-radius: 5px;
+    margin-bottom: 20px;
+}
+
+.usage, .details, .run-server {
+    margin-bottom: 30px;
+}
+
+footer.examples {
+    text-align: center;
+    margin-top: 40px;
+}
+
+footer.examples a {
+    color: #0073e6;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+footer.examples a:hover {
+    text-decoration: underline;
 }