Add italic font

assets/scss/_events.scss

@@ -0,0 +1,38 @@
+div.events {
+    margin: 0 auto;
+    padding: 20px 30px;
+    background: transparent;
+    p, a{
+      color: $font_default;
+      font-size: $font_size_default;
+    }
+
+    code {
+      color: $font_accent_4;
+      font-size: $font_size_code;
+    }
+    h1 {
+        color: $font_accent_3;
+        text-shadow: 0px 0px 1px black;
+    }
+    .headline a {
+        color: $font_accent_3;
+        font-size: $font_size_h2;
+        text-shadow: 0px 0px 1px black;
+        text-decoration: none;
+    }
+    .meta {
+        color: silver;
+        font-style: italic;
+    }
+    .blog-post {
+        background: rgba(128,128,128,0.15);
+        padding: 16px;
+        margin-top: 50px;
+        box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
+    }
+    h2 {
+        color: $font_accent_3;
+        text-shadow: 0px 0px 1px black;
+    }
+}

assets/scss/_fonts.scss

@@ -6,9 +6,9 @@
   font-weight: 400;
   font-display: swap;
   src: local(''),
-       url('../fonts/mochiy-pop-one-v5-latin-regular.woff2') format('woff2'),
+       url('/fonts/mochiy-pop-one-v5-latin-regular.woff2') format('woff2'),
-       url('../fonts/mochiy-pop-one-v5-latin-regular.woff') format('woff'),
+       url('/fonts/mochiy-pop-one-v5-latin-regular.woff') format('woff'),
-       url('../fonts/mochiy-pop-one-v5-latin-regular.ttf') format('truetype'),
+       url('/fonts/mochiy-pop-one-v5-latin-regular.ttf') format('truetype'),
 }
 
 // Lato font
@@ -44,3 +44,36 @@
       url('/fonts/lato-v20-latin-900.woff') format('woff'),
       url('/fonts/lato-v20-latin-900.ttf') format('truetype');
 }
+
+@font-face {
+  font-family: $main_font;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: $main_font;
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-700italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-700italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-700italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: $main_font;
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local(''),
+      url('/fonts/lato-v20-latin-900italic.woff2') format('woff2'),
+      url('/fonts/lato-v20-latin-900italic.woff') format('woff'),
+      url('/fonts/lato-v20-latin-900italic.ttf') format('truetype');
+}

assets/scss/_general.scss

@@ -9,9 +9,3 @@ body {
         color: $font_accent_3;
     }
 }
-
-.left {
-    background: rgba(128,128,128,0.15);
-    padding: 12px;
-    box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
-}

assets/scss/_start.scss

@@ -31,6 +31,12 @@ div.start {
     }
 }
 
+.left {
+    background: rgba(128,128,128,0.15);
+    padding: 12px;
+    box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
+}
+
 @media (max-width: $media_horizontal_breakpoint) {
     div.start {
         display: initial;

assets/scss/events.scss

@@ -0,0 +1,8 @@
+@import "_variables";
+@import "_fonts";
+
+@import "_events.scss";
+
+@import "_general";
+@import "_header";
+@import "_footer";