get logo from an actual .svg file and inline it

assets/sass/components/_content.scss

@@ -35,15 +35,9 @@ div#content {
   figure {
     margin: 1em auto;
 
-    img {
-      margin-bottom: 0.4em;
-    }
-
     // image captions
     figcaption {
       font-size: 0.95em;
-      text-align: center;
-      margin-top: -0.4em;
 
       @include themed() {
         color: t(color-medium);

assets/sass/components/_header.scss

@@ -28,7 +28,7 @@ header {
       }
 
       h1#name {
-        margin-left: 0.8em;
+        margin-left: 0.75em;
         font-size: 1.4em;
         font-weight: 500;
         letter-spacing: -0.01em;

assets/sass/main.scss

@@ -7,8 +7,8 @@ $base-url: "{{ strings.TrimRight "/" .Site.BaseURL }}/";   // consistent trailin
 // stylelint-enable
 
 // Variables & Functions
+@import 'abstracts/settings';
 @import 'abstracts/themes';
-@import 'abstracts/variables';
 @import 'abstracts/functions';
 
 // Global Styles
@@ -30,4 +30,4 @@ $base-url: "{{ strings.TrimRight "/" .Site.BaseURL }}/";   // consistent trailin
 
 // Miscellaneous
 @import 'components/syntax';
-@import 'components/magic';
+@import 'components/animation';