Use bulma

assets/sass/_base.sass

@@ -1,9 +1,3 @@
-.bg-red
-    background: red
-
-body
-    padding-top: 60px
-
 main
     a:link,
     a:hover

assets/sass/main.sass

@@ -1,3 +1,21 @@
+@import 'node_modules/bulma/sass/utilities/initial-variables'
+
+$family-sans-serif: "Helvetica Neue", Arial, sans-serif
+$body-size: 14px
+
+$blue: #0678BE
+
+$primary: $blue
+
+.is-circle
+    border-radius: 50%
+
+$properties: ( mb: 'margin-bottom', ml: 'margin-left', mr: 'margin-right', mt: 'margin-top', pb: 'padding-bottom', pl: 'padding-left', pr: 'padding-right', pt: 'padding-top' )
+@each $key, $property in $properties
+    @for $value from 1 through 5
+        .#{$key}-#{$value}
+            #{$property}: #{$value}em !important
+
 @import 'node_modules/bulma/bulma'
 
 @import 'base'
@@ -18,6 +36,3 @@
 @import "pages/project"
 @import "pages/talk"
 @import "pages/testimonials"
-
-body
-    background: red

assets/sass/pages/_post.sass

@@ -29,9 +29,7 @@ code[data-gist-id]
     padding: 0
 
 .about-author
-    +clearfix
-
     img
-        float: left
-        margin: 0 1em 1em 0
+        // float: left
+        // margin: 0 1em 1em 0
         width: 50px