Add image processing

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/sass/common.scss

@@ -16,16 +16,6 @@ a:hover {
   color: var(--text-800);
 }
 
-sup,
-sub {
-  color: var(--text-600);
-}
-
-sup:hover,
-sub:hover {
-  color: var(--text-800);
-}
-
 h1,
 h2,
 h3,
@@ -64,3 +54,11 @@ body {
     flex: 1;
   }
 }
+
+p {
+  margin: 1.5rem 0 1.5rem 0;
+}
+
+li:not(:last-child) {
+  margin-bottom: 0.5rem;
+}

assets/sass/hero.scss

@@ -1,7 +1,7 @@
 .hero {
   max-width: $width-content;
   margin: 0 auto;
-  padding: 2rem;
+  padding: 2rem 2rem 0 2rem;
 
   .title {
     margin: 0;