Style updated. Introduced css variables

src/style/components/article.scss

@@ -9,7 +9,7 @@
     h1 {
       font-size: $biggest-font-size;
       text-align: center;
-      margin-bottom: $half-margin;
+      margin-bottom: $small-margin;
     }
 
     h2 {
@@ -40,6 +40,9 @@
     }
 
     p {
+      --margin: 20px;
+      margin-left: var(--margin);
+      margin-right: var(--margin);
       margin-bottom: 1.75em;
       line-height: 1.75em;
     }

src/style/variables.scss

@@ -51,7 +51,7 @@ $smaller-font-size: 0.9rem;
 $normal-font-size: 1.0rem;
 $bigger-font-size: 1.2rem;
 $big-font-size: 1.5rem;
-$biggest-font-size: 2.5rem;
+$biggest-font-size: 2.25rem;
 
 //MENU
 $menu-thickness: 2.5em;