Init

static/css/blog.css

@@ -0,0 +1,51 @@
+/* Global settings for images and videos */
+img, video {
+    display: block;
+    width: 85%;
+    height: auto;
+    margin: 20px auto; /* Centers the image/video horizontally and adds space above and below */
+    border-radius: 10px; /* Add rounded corners */
+}
+
+
+/* Exclude images inside the .icons class from global settings */
+ul.icons img {
+    display: inline; /* Override display: block */
+    width: auto;     /* Override width: 100% */
+    border-radius: 0; /* Remove rounded corners */
+    margin-top: 0;   /* Remove top margin */
+    margin-bottom: 0; /* Remove bottom margin */
+}
+
+/* Align blog text and links */
+.align-blog p, a, em {
+    text-align: left;
+    font-size: 1em; 
+    line-height: 1.6; 
+}
+
+/* Increase margin top for all headings */
+.align-blog h1, 
+.align-blog h2, 
+.align-blog h3, 
+.align-blog h4, 
+.align-blog h5, 
+.align-blog h6 {
+    margin-top: 30px; /* Adjust this value to increase space above headings */
+}
+
+/* Icons specific styles */
+ul.icons {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+}
+
+ul.icons li {
+    display: inline-block;
+    padding: 0 0.65em 0 0;
+}
+
+ul.icons li:last-child {
+    padding-right: 0 !important;
+}