add(article) added an article and changed styling

data/style.css

@@ -4,7 +4,6 @@ body {
   max-width: 800px;
   margin: auto;
   padding: 0 16px;
-  margin-bottom: 500px;
   font-family: sans-serif;
 }
 
@@ -16,6 +15,14 @@ a:visited {
   color: gray;
 }
 
+ol > li {
+  margin-bottom: 0.5rem;
+}
+
+ul > li {
+  margin-bottom: 0.5rem;
+}
+
 h1 {
   text-align: center;
 }
@@ -29,15 +36,22 @@ footer {
 }
 
 img {
+  border-radius: 5px;
   max-width: 600px;
   width: 100%;
   margin: auto;
   display: block;
 }
 
+pre {
+  border-radius: 4px;
+  background-color: #12161b;
+  padding: 0 0.3rem 1rem 1rem;
+}
+
 code {
   overflow-wrap: break-word;
-  color: lime;
+  color: white;
 }
 
 @media (prefers-color-scheme: light) {
@@ -54,9 +68,6 @@ code {
   h2 {
     color: inherit;
   }
-  code {
-    color: forestgreen;
-  }
 }
 
 @media print {