Update style and include blog style sheet

2 files changed, 29 insertions, 2 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index a47c7f1..08f4bfa 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -27,8 +27,8 @@ body {
 }
 
 main {
-  margin-left: 1cm;
-  margin-right: 1cm;
+  margin-left: 2cm;
+  margin-right: 2cm;
 }
 
 a:link, a:visited, a:hover, a:active {
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
new file mode 100644
index 0000000..e0fcd5b
--- /dev/null
+++ b/assets/scss/web/_blog.scss
@@ -0,0 +1,27 @@
+.blog__header {
+  font-size: 2.4rem;
+  font-weight: 900;
+  margin-top: 1cm;
+}
+
+.posts {
+  font-size: 1.2rem;
+}
+
+.post__link {
+  &:link {
+    text-decoration: none;
+  }
+  &:hover {
+    text-decoration: underline;
+    text-decoration-color: $secondaryColor;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+  }
+}
+
+.post__content {
+  h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 0px;
+  }
+}