diff --git a/bulma.sass b/bulma.sass
index 8c6de81d..d6e1fbe5 100644
--- a/bulma.sass
+++ b/bulma.sass
@@ -1,6 +1,7 @@
 @charset "utf-8"
 
-@import "sass/base/base"
-@import "sass/elements/elements"
-@import "sass/components/components"
-@import "sass/layout/layout"
+@import "sass/base/base.sass"
+@import "sass/elements/elements.sass"
+@import "sass/components/components.sass"
+@import "sass/layout/layout.sass"
+@import "sass/utilities/mixins.sass"
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index e40cbb38..465b56c4 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -68,18 +68,13 @@
 
 {% if page.route == 'index' %}
   <style type="text/css">
-    @media screen and (max-width: 979px) {
-      .title.is-2 .icon.is-large {
-        display: none;
-      }
-    }
-
     .title.is-2 {
       position: relative;
     }
 
     .title.is-2 a {
       color: #222324;
+      padding-left: 60px;
     }
 
     .title.is-2 a:hover {
@@ -87,7 +82,7 @@
     }
 
     .title.is-2 .icon.is-large {
-      left: -72px;
+      left: 0;
       position: absolute;
       top: -1px;
     }
@@ -99,6 +94,16 @@
     .hero .title.is-2 a:hover {
       color: white;
     }
+
+    @media screen and (max-width: 979px) {
+      .title.is-2 a {
+        padding-left: 0;
+      }
+
+      .title.is-2 .icon.is-large {
+        display: none;
+      }
+    }
   </style>
 {% endif %}
 
diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass
index c179b14f..917b9c3f 100644
--- a/docs/bulma-docs.sass
+++ b/docs/bulma-docs.sass
@@ -52,7 +52,6 @@ $carbon-space: 15px
   .carbon-text
     display: block
     color: $text-strong
-    margin-bottom: 5px
     margin-left: 130px + $carbon-space
   .carbon-poweredby
     font-size: $size-small
@@ -235,7 +234,7 @@ $structure-invert: $danger-invert
   position: relative
   .copy,
   .expand
-    @extend %unselectable
+    +unselectable
     background: $white
     border: solid $border
     border-width: 0 0 1px 1px
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 5ccd2b95..515a23fc 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -1,68 +1,75 @@
-html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
+/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin: 0;
   padding: 0;
-  border: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-size: 100%;
   font-weight: normal;
-  vertical-align: baseline;
-  background: transparent;
-}
-
-article, aside, figure, footer, header, nav, section, details, summary {
-  display: block;
-}
-
-html {
-  box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-img,
-object,
-embed {
-  max-width: 100%;
-}
-
-html {
-  overflow-y: scroll;
 }
 
 ul {
   list-style: none;
 }
 
-blockquote, q {
-  quotes: none;
-}
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-
-a {
+button,
+input,
+select,
+textarea {
   margin: 0;
-  padding: 0;
-  font-size: 100%;
-  vertical-align: baseline;
-  background: transparent;
 }
 
-del {
-  text-decoration: line-through;
+html {
+  box-sizing: border-box;
 }
 
-abbr[title], dfn[title] {
-  border-bottom: 1px dotted #000;
-  cursor: help;
+* {
+  box-sizing: inherit;
+}
+
+*:before, *:after {
+  box-sizing: inherit;
+}
+
+img,
+embed,
+object,
+audio,
+video {
+  height: auto;
+  max-width: 100%;
+}
+
+iframe {
+  border: 0;
 }
 
 table {
@@ -70,99 +77,10 @@ table {
   border-spacing: 0;
 }
 
+td,
 th {
-  font-weight: bold;
-  vertical-align: bottom;
-}
-
-td {
-  font-weight: normal;
-  vertical-align: top;
-}
-
-hr {
-  display: block;
-  height: 1px;
-  border: 0;
-  border-top: 1px solid #ccc;
-  margin: 1em 0;
   padding: 0;
-}
-
-input, select {
-  vertical-align: middle;
-}
-
-pre {
-  white-space: pre;
-  white-space: pre-wrap;
-  white-space: pre-line;
-  word-wrap: break-word;
-}
-
-input[type="radio"] {
-  vertical-align: text-bottom;
-}
-
-input[type="checkbox"] {
-  vertical-align: bottom;
-}
-
-select, input, textarea {
-  font: 99% sans-serif;
-}
-
-table {
-  font-size: inherit;
-  font: 100%;
-}
-
-small {
-  font-size: 85%;
-}
-
-strong {
-  font-weight: bold;
-}
-
-td, td img {
-  vertical-align: top;
-}
-
-sub, sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-pre, code, kbd, samp {
-  font-family: monospace, sans-serif;
-}
-
-label,
-input[type=button],
-input[type=submit],
-input[type=file],
-button {
-  cursor: pointer;
-}
-
-button, input, select, textarea {
-  margin: 0;
-}
-
-button,
-input[type=button] {
-  width: auto;
-  overflow: visible;
+  text-align: left;
 }
 
 @keyframes spin-around {
@@ -238,7 +156,10 @@ code {
 }
 
 hr {
-  border-top-color: #dbdbdb;
+  background-color: #dbdbdb;
+  border: none;
+  display: block;
+  height: 1px;
   margin: 40px 0;
 }
 
@@ -294,6 +215,15 @@ table th {
   color: #242424;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .is-block {
   display: block;
 }
@@ -620,136 +550,7 @@ table th {
   padding: 0 !important;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
+.is-unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -765,6 +566,10 @@ table th {
   padding: 20px;
 }
 
+.box:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 a.box:hover, a.box:focus {
   box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px #11e4c4;
 }
@@ -773,200 +578,15 @@ a.box:active {
   box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2), 0 0 0 1px #11e4c4;
 }
 
-.container {
-  position: relative;
-}
-
-@media screen and (min-width: 980px) {
-  .container {
-    margin: 0 auto;
-    max-width: 960px;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
   }
-  .container.is-fluid {
-    margin: 0 20px;
-    max-width: none;
+  to {
+    transform: rotate(359deg);
   }
 }
 
-@media screen and (min-width: 1180px) {
-  .container {
-    max-width: 1200px;
-  }
-}
-
-.fa {
-  font-size: 21px;
-  text-align: center;
-  vertical-align: top;
-}
-
-.icon {
-  display: inline-block;
-  font-size: 21px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  vertical-align: top;
-  width: 24px;
-}
-
-.icon .fa {
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.icon.is-small {
-  display: inline-block;
-  font-size: 14px;
-  height: 16px;
-  line-height: 16px;
-  text-align: center;
-  vertical-align: top;
-  width: 16px;
-}
-
-.icon.is-medium {
-  display: inline-block;
-  font-size: 28px;
-  height: 32px;
-  line-height: 32px;
-  text-align: center;
-  vertical-align: top;
-  width: 32px;
-}
-
-.icon.is-large {
-  display: inline-block;
-  font-size: 42px;
-  height: 48px;
-  line-height: 48px;
-  text-align: center;
-  vertical-align: top;
-  width: 48px;
-}
-
-.heading {
-  display: block;
-  font-size: 11px;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  text-transform: uppercase;
-}
-
-.highlight {
-  font-size: 12px;
-  font-weight: normal;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0;
-}
-
-.highlight pre {
-  overflow: auto;
-  max-width: 100%;
-}
-
-.number {
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  display: inline-block;
-  font-size: 18px;
-  vertical-align: top;
-}
-
-.tag {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  color: #7a7a7a;
-  display: inline-flex;
-  font-size: 12px;
-  height: 24px;
-  justify-content: center;
-  line-height: 16px;
-  padding-left: 10px;
-  padding-right: 10px;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-.tag .delete {
-  margin-left: 4px;
-  margin-right: -6px;
-}
-
-.tag.is-white {
-  background-color: white;
-  color: #121212;
-}
-
-.tag.is-black {
-  background-color: #121212;
-  color: white;
-}
-
-.tag.is-light {
-  background-color: whitesmoke;
-  color: #7a7a7a;
-}
-
-.tag.is-dark {
-  background-color: #7a7a7a;
-  color: whitesmoke;
-}
-
-.tag.is-primary {
-  background-color: #11e4c4;
-  color: white;
-}
-
-.tag.is-info {
-  background-color: #0f6bff;
-  color: white;
-}
-
-.tag.is-success {
-  background-color: #20ee68;
-  color: white;
-}
-
-.tag.is-warning {
-  background-color: #ffcf0f;
-  color: white;
-}
-
-.tag.is-danger {
-  background-color: #ff0f3f;
-  color: white;
-}
-
-.tag.is-small {
-  font-size: 11px;
-  height: 20px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.tag.is-medium {
-  font-size: 14px;
-  height: 32px;
-  padding-left: 14px;
-  padding-right: 14px;
-}
-
-.tag.is-large {
-  font-size: 18px;
-  height: 40px;
-  line-height: 24px;
-  padding-left: 18px;
-  padding-right: 18px;
-}
-
-.tag.is-large .delete {
-  margin-left: 4px;
-  margin-right: -8px;
-}
-
 .button {
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -984,6 +604,12 @@ a.box:active {
   padding-right: 8px;
   position: relative;
   vertical-align: top;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: pointer;
   justify-content: center;
   padding-left: 10px;
   padding-right: 10px;
@@ -1344,13 +970,13 @@ a.box:active {
 .button.is-warning {
   background-color: #ffcf0f;
   border-color: transparent;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
   background-color: #f5c400;
   border-color: transparent;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning:active {
@@ -1358,16 +984,16 @@ a.box:active {
 }
 
 .button.is-warning.is-inverted {
-  background-color: white;
+  background-color: rgba(0, 0, 0, 0.7);
   color: #ffcf0f;
 }
 
 .button.is-warning.is-inverted:hover {
-  background-color: #f2f2f2;
+  background-color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-warning.is-loading:after {
-  border-color: transparent transparent white white !important;
+  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
 }
 
 .button.is-warning.is-outlined {
@@ -1379,7 +1005,7 @@ a.box:active {
 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
   background-color: #ffcf0f;
   border-color: #ffcf0f;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .button.is-danger {
@@ -1473,131 +1099,6 @@ a.box:active {
 }
 
 .button.is-loading:after {
-  left: 50%;
-  margin-left: -8px;
-  margin-top: -8px;
-  position: absolute;
-  top: 50%;
-  position: absolute !important;
-}
-
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
   animation: spin-around 500ms infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
@@ -1608,20 +1109,22 @@ a.box:active {
   height: 16px;
   position: relative;
   width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+  left: 50%;
+  margin-left: -8px;
+  margin-top: -8px;
+  position: absolute;
+  top: 50%;
+  position: absolute !important;
 }
 
 .content {
   color: #7a7a7a;
 }
 
+.content:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .content a:not(.button) {
   border-bottom: 1px solid #dbdbdb;
 }
@@ -1732,198 +1235,22 @@ a.box:active {
   font-size: 18px;
 }
 
-.container {
-  position: relative;
-}
-
-@media screen and (min-width: 980px) {
-  .container {
-    margin: 0 auto;
-    max-width: 960px;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
   }
-  .container.is-fluid {
-    margin: 0 20px;
-    max-width: none;
+  to {
+    transform: rotate(359deg);
   }
 }
 
-@media screen and (min-width: 1180px) {
-  .container {
-    max-width: 1200px;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
   }
-}
-
-.fa {
-  font-size: 21px;
-  text-align: center;
-  vertical-align: top;
-}
-
-.icon {
-  display: inline-block;
-  font-size: 21px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  vertical-align: top;
-  width: 24px;
-}
-
-.icon .fa {
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.icon.is-small {
-  display: inline-block;
-  font-size: 14px;
-  height: 16px;
-  line-height: 16px;
-  text-align: center;
-  vertical-align: top;
-  width: 16px;
-}
-
-.icon.is-medium {
-  display: inline-block;
-  font-size: 28px;
-  height: 32px;
-  line-height: 32px;
-  text-align: center;
-  vertical-align: top;
-  width: 32px;
-}
-
-.icon.is-large {
-  display: inline-block;
-  font-size: 42px;
-  height: 48px;
-  line-height: 48px;
-  text-align: center;
-  vertical-align: top;
-  width: 48px;
-}
-
-.heading {
-  display: block;
-  font-size: 11px;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  text-transform: uppercase;
-}
-
-.highlight {
-  font-size: 12px;
-  font-weight: normal;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0;
-}
-
-.highlight pre {
-  overflow: auto;
-  max-width: 100%;
-}
-
-.number {
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  display: inline-block;
-  font-size: 18px;
-  vertical-align: top;
-}
-
-.tag {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  color: #7a7a7a;
-  display: inline-flex;
-  font-size: 12px;
-  height: 24px;
-  justify-content: center;
-  line-height: 16px;
-  padding-left: 10px;
-  padding-right: 10px;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-.tag .delete {
-  margin-left: 4px;
-  margin-right: -6px;
-}
-
-.tag.is-white {
-  background-color: white;
-  color: #121212;
-}
-
-.tag.is-black {
-  background-color: #121212;
-  color: white;
-}
-
-.tag.is-light {
-  background-color: whitesmoke;
-  color: #7a7a7a;
-}
-
-.tag.is-dark {
-  background-color: #7a7a7a;
-  color: whitesmoke;
-}
-
-.tag.is-primary {
-  background-color: #11e4c4;
-  color: white;
-}
-
-.tag.is-info {
-  background-color: #0f6bff;
-  color: white;
-}
-
-.tag.is-success {
-  background-color: #20ee68;
-  color: white;
-}
-
-.tag.is-warning {
-  background-color: #ffcf0f;
-  color: white;
-}
-
-.tag.is-danger {
-  background-color: #ff0f3f;
-  color: white;
-}
-
-.tag.is-small {
-  font-size: 11px;
-  height: 20px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.tag.is-medium {
-  font-size: 14px;
-  height: 32px;
-  padding-left: 14px;
-  padding-right: 14px;
-}
-
-.tag.is-large {
-  font-size: 18px;
-  height: 40px;
-  line-height: 24px;
-  padding-left: 18px;
-  padding-right: 18px;
-}
-
-.tag.is-large .delete {
-  margin-left: 4px;
-  margin-right: -8px;
 }
 
 .input,
@@ -2096,7 +1423,8 @@ a.box:active {
   resize: vertical;
 }
 
-.checkbox, .radio {
+.checkbox,
+.radio {
   cursor: pointer;
   display: inline-block;
   line-height: 16px;
@@ -2104,20 +1432,24 @@ a.box:active {
   vertical-align: top;
 }
 
-.checkbox input, .radio input {
+.checkbox input,
+.radio input {
   cursor: pointer;
 }
 
-.checkbox:hover, .radio:hover {
+.checkbox:hover,
+.radio:hover {
   color: #242424;
 }
 
-.is-disabled.checkbox, .is-disabled.radio {
+.checkbox.is-disabled,
+.radio.is-disabled {
   color: #b5b5b5;
   pointer-events: none;
 }
 
-.is-disabled.checkbox input, .is-disabled.radio input {
+.checkbox.is-disabled input,
+.radio.is-disabled input {
   pointer-events: none;
 }
 
@@ -2584,11 +1916,30 @@ a.box:active {
 }
 
 .control.is-loading:after {
+  animation: spin-around 500ms infinite linear;
+  border: 2px solid #dbdbdb;
+  border-radius: 290486px;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  content: "";
+  display: block;
+  height: 16px;
+  position: relative;
+  width: 16px;
   position: absolute !important;
   right: 8px;
   top: 8px;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .image {
   display: block;
   position: relative;
@@ -2665,141 +2016,13 @@ a.box:active {
   width: 128px;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
 }
 
 .notification {
@@ -2809,6 +2032,10 @@ a.box:active {
   position: relative;
 }
 
+.notification:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .notification:after {
   clear: both;
   content: " ";
@@ -2821,8 +2048,9 @@ a.box:active {
   margin: -16px -20px 0 20px;
 }
 
+.notification .title,
 .notification .subtitle,
-.notification .title {
+.notification .content {
   color: inherit;
 }
 
@@ -2863,7 +2091,7 @@ a.box:active {
 
 .notification.is-warning {
   background-color: #ffcf0f;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .notification.is-danger {
@@ -2871,143 +2099,6 @@ a.box:active {
   color: white;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
 .progress {
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -3020,6 +2111,10 @@ a.box:active {
   width: 100%;
 }
 
+.progress:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .progress::-webkit-progress-bar {
   background-color: #dbdbdb;
 }
@@ -3116,6 +2211,15 @@ a.box:active {
   height: 20px;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .table {
   background-color: white;
   color: #242424;
@@ -3262,141 +2366,13 @@ a.box:active {
   background-color: #f0f0f0;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
 }
 
 .title,
@@ -3405,6 +2381,11 @@ a.box:active {
   word-break: break-word;
 }
 
+.title:not(:last-child),
+.subtitle:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .title em,
 .title span,
 .subtitle em,
@@ -3590,6 +2571,19 @@ a.box:active {
   font-weight: 700;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
+.block:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .container {
   position: relative;
 }
@@ -3611,12 +2605,128 @@ a.box:active {
   }
 }
 
+.delete {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  background-color: rgba(18, 18, 18, 0.2);
+  border: none;
+  border-radius: 290486px;
+  cursor: pointer;
+  display: inline-block;
+  height: 24px;
+  position: relative;
+  vertical-align: top;
+  width: 24px;
+}
+
+.delete:before, .delete:after {
+  background-color: white;
+  content: "";
+  display: block;
+  height: 2px;
+  left: 50%;
+  margin-left: -25%;
+  margin-top: -1px;
+  position: absolute;
+  top: 50%;
+  width: 50%;
+}
+
+.delete:before {
+  transform: rotate(45deg);
+}
+
+.delete:after {
+  transform: rotate(-45deg);
+}
+
+.delete:hover {
+  background-color: rgba(18, 18, 18, 0.5);
+}
+
+.delete.is-small {
+  height: 16px;
+  width: 16px;
+}
+
+.delete.is-medium {
+  height: 32px;
+  width: 32px;
+}
+
+.delete.is-large {
+  height: 40px;
+  width: 40px;
+}
+
 .fa {
   font-size: 21px;
   text-align: center;
   vertical-align: top;
 }
 
+.hamburger {
+  cursor: pointer;
+  display: block;
+  height: 50px;
+  position: relative;
+  width: 50px;
+}
+
+.hamburger span {
+  background-color: #7a7a7a;
+  display: block;
+  height: 1px;
+  left: 50%;
+  margin-left: -7px;
+  position: absolute;
+  top: 50%;
+  transition: none 86ms ease-out;
+  transition-property: background, left, opacity, transform;
+  width: 15px;
+}
+
+.hamburger span:nth-child(1) {
+  margin-top: -6px;
+}
+
+.hamburger span:nth-child(2) {
+  margin-top: -1px;
+}
+
+.hamburger span:nth-child(3) {
+  margin-top: 4px;
+}
+
+.hamburger:hover {
+  background-color: whitesmoke;
+}
+
+.hamburger.is-active span {
+  background-color: #11e4c4;
+}
+
+.hamburger.is-active span:nth-child(1) {
+  margin-left: -5px;
+  transform: rotate(45deg);
+  transform-origin: left top;
+}
+
+.hamburger.is-active span:nth-child(2) {
+  opacity: 0;
+}
+
+.hamburger.is-active span:nth-child(3) {
+  margin-left: -5px;
+  transform: rotate(-45deg);
+  transform-origin: left bottom;
+}
+
 .icon {
   display: inline-block;
   font-size: 21px;
@@ -3678,11 +2788,28 @@ a.box:active {
   padding: 0;
 }
 
+.highlight:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .highlight pre {
   overflow: auto;
   max-width: 100%;
 }
 
+.loader {
+  animation: spin-around 500ms infinite linear;
+  border: 2px solid #dbdbdb;
+  border-radius: 290486px;
+  border-right-color: transparent;
+  border-top-color: transparent;
+  content: "";
+  display: block;
+  height: 16px;
+  position: relative;
+  width: 16px;
+}
+
 .number {
   background-color: whitesmoke;
   border-radius: 290486px;
@@ -3749,7 +2876,7 @@ a.box:active {
 
 .tag.is-warning {
   background-color: #ffcf0f;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .tag.is-danger {
@@ -3860,6 +2987,15 @@ a.box:active {
   border-radius: 5px;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .column {
   flex-basis: 0;
   flex-grow: 1;
@@ -4937,141 +4073,13 @@ a.box:active {
   color: #2aa198;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
 }
 
 .level-item .title,
@@ -5121,6 +4129,10 @@ a.box:active {
   justify-content: space-between;
 }
 
+.level:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .level code {
   border-radius: 3px;
 }
@@ -5151,6 +4163,15 @@ a.box:active {
   }
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .media-number {
   background-color: whitesmoke;
   border-radius: 290486px;
@@ -5276,143 +4297,6 @@ a.box:active {
   margin-top: 20px;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
-}
-
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
 .message-body {
   border: 1px solid #dbdbdb;
   border-radius: 3px;
@@ -5444,6 +4328,10 @@ a.box:active {
   border-radius: 3px;
 }
 
+.message:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .message.is-white {
   background-color: white;
 }
@@ -5548,7 +4436,7 @@ a.box:active {
 
 .message.is-warning .message-header {
   background-color: #ffcf0f;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .message.is-warning .message-body {
@@ -5570,200 +4458,15 @@ a.box:active {
   color: gray;
 }
 
-.container {
-  position: relative;
-}
-
-@media screen and (min-width: 980px) {
-  .container {
-    margin: 0 auto;
-    max-width: 960px;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
   }
-  .container.is-fluid {
-    margin: 0 20px;
-    max-width: none;
+  to {
+    transform: rotate(359deg);
   }
 }
 
-@media screen and (min-width: 1180px) {
-  .container {
-    max-width: 1200px;
-  }
-}
-
-.fa {
-  font-size: 21px;
-  text-align: center;
-  vertical-align: top;
-}
-
-.icon {
-  display: inline-block;
-  font-size: 21px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  vertical-align: top;
-  width: 24px;
-}
-
-.icon .fa {
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.icon.is-small {
-  display: inline-block;
-  font-size: 14px;
-  height: 16px;
-  line-height: 16px;
-  text-align: center;
-  vertical-align: top;
-  width: 16px;
-}
-
-.icon.is-medium {
-  display: inline-block;
-  font-size: 28px;
-  height: 32px;
-  line-height: 32px;
-  text-align: center;
-  vertical-align: top;
-  width: 32px;
-}
-
-.icon.is-large {
-  display: inline-block;
-  font-size: 42px;
-  height: 48px;
-  line-height: 48px;
-  text-align: center;
-  vertical-align: top;
-  width: 48px;
-}
-
-.heading {
-  display: block;
-  font-size: 11px;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  text-transform: uppercase;
-}
-
-.highlight {
-  font-size: 12px;
-  font-weight: normal;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0;
-}
-
-.highlight pre {
-  overflow: auto;
-  max-width: 100%;
-}
-
-.number {
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  display: inline-block;
-  font-size: 18px;
-  vertical-align: top;
-}
-
-.tag {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  color: #7a7a7a;
-  display: inline-flex;
-  font-size: 12px;
-  height: 24px;
-  justify-content: center;
-  line-height: 16px;
-  padding-left: 10px;
-  padding-right: 10px;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-.tag .delete {
-  margin-left: 4px;
-  margin-right: -6px;
-}
-
-.tag.is-white {
-  background-color: white;
-  color: #121212;
-}
-
-.tag.is-black {
-  background-color: #121212;
-  color: white;
-}
-
-.tag.is-light {
-  background-color: whitesmoke;
-  color: #7a7a7a;
-}
-
-.tag.is-dark {
-  background-color: #7a7a7a;
-  color: whitesmoke;
-}
-
-.tag.is-primary {
-  background-color: #11e4c4;
-  color: white;
-}
-
-.tag.is-info {
-  background-color: #0f6bff;
-  color: white;
-}
-
-.tag.is-success {
-  background-color: #20ee68;
-  color: white;
-}
-
-.tag.is-warning {
-  background-color: #ffcf0f;
-  color: white;
-}
-
-.tag.is-danger {
-  background-color: #ff0f3f;
-  color: white;
-}
-
-.tag.is-small {
-  font-size: 11px;
-  height: 20px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.tag.is-medium {
-  font-size: 14px;
-  height: 32px;
-  padding-left: 14px;
-  padding-right: 14px;
-}
-
-.tag.is-large {
-  font-size: 18px;
-  height: 40px;
-  line-height: 24px;
-  padding-left: 18px;
-  padding-right: 18px;
-}
-
-.tag.is-large .delete {
-  margin-left: 4px;
-  margin-right: -8px;
-}
-
 .modal-background {
   bottom: 0;
   left: 0;
@@ -5792,6 +4495,22 @@ a.box:active {
 }
 
 .modal-close {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  background-color: rgba(18, 18, 18, 0.2);
+  border: none;
+  border-radius: 290486px;
+  cursor: pointer;
+  display: inline-block;
+  height: 24px;
+  position: relative;
+  vertical-align: top;
+  width: 24px;
   background: none;
   height: 40px;
   position: fixed;
@@ -5800,6 +4519,46 @@ a.box:active {
   width: 40px;
 }
 
+.modal-close:before, .modal-close:after {
+  background-color: white;
+  content: "";
+  display: block;
+  height: 2px;
+  left: 50%;
+  margin-left: -25%;
+  margin-top: -1px;
+  position: absolute;
+  top: 50%;
+  width: 50%;
+}
+
+.modal-close:before {
+  transform: rotate(45deg);
+}
+
+.modal-close:after {
+  transform: rotate(-45deg);
+}
+
+.modal-close:hover {
+  background-color: rgba(18, 18, 18, 0.5);
+}
+
+.modal-close.is-small {
+  height: 16px;
+  width: 16px;
+}
+
+.modal-close.is-medium {
+  height: 32px;
+  width: 32px;
+}
+
+.modal-close.is-large {
+  height: 40px;
+  width: 40px;
+}
+
 .modal-card {
   display: flex;
   flex-direction: column;
@@ -5868,198 +4627,70 @@ a.box:active {
   display: flex;
 }
 
-.container {
-  position: relative;
-}
-
-@media screen and (min-width: 980px) {
-  .container {
-    margin: 0 auto;
-    max-width: 960px;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
   }
-  .container.is-fluid {
-    margin: 0 20px;
-    max-width: none;
+  to {
+    transform: rotate(359deg);
   }
 }
 
-@media screen and (min-width: 1180px) {
-  .container {
-    max-width: 1200px;
-  }
-}
-
-.fa {
-  font-size: 21px;
-  text-align: center;
-  vertical-align: top;
-}
-
-.icon {
-  display: inline-block;
-  font-size: 21px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  vertical-align: top;
-  width: 24px;
-}
-
-.icon .fa {
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.icon.is-small {
-  display: inline-block;
-  font-size: 14px;
-  height: 16px;
-  line-height: 16px;
-  text-align: center;
-  vertical-align: top;
-  width: 16px;
-}
-
-.icon.is-medium {
-  display: inline-block;
-  font-size: 28px;
-  height: 32px;
-  line-height: 32px;
-  text-align: center;
-  vertical-align: top;
-  width: 32px;
-}
-
-.icon.is-large {
-  display: inline-block;
-  font-size: 42px;
-  height: 48px;
-  line-height: 48px;
-  text-align: center;
-  vertical-align: top;
-  width: 48px;
-}
-
-.heading {
+.nav-toggle {
+  cursor: pointer;
   display: block;
-  font-size: 11px;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  text-transform: uppercase;
+  height: 50px;
+  position: relative;
+  width: 50px;
 }
 
-.highlight {
-  font-size: 12px;
-  font-weight: normal;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0;
-}
-
-.highlight pre {
-  overflow: auto;
-  max-width: 100%;
-}
-
-.number {
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  display: inline-block;
-  font-size: 18px;
-  vertical-align: top;
-}
-
-.tag {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  color: #7a7a7a;
-  display: inline-flex;
-  font-size: 12px;
-  height: 24px;
-  justify-content: center;
-  line-height: 16px;
-  padding-left: 10px;
-  padding-right: 10px;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-.tag .delete {
-  margin-left: 4px;
-  margin-right: -6px;
-}
-
-.tag.is-white {
-  background-color: white;
-  color: #121212;
-}
-
-.tag.is-black {
-  background-color: #121212;
-  color: white;
-}
-
-.tag.is-light {
-  background-color: whitesmoke;
-  color: #7a7a7a;
-}
-
-.tag.is-dark {
+.nav-toggle span {
   background-color: #7a7a7a;
-  color: whitesmoke;
+  display: block;
+  height: 1px;
+  left: 50%;
+  margin-left: -7px;
+  position: absolute;
+  top: 50%;
+  transition: none 86ms ease-out;
+  transition-property: background, left, opacity, transform;
+  width: 15px;
 }
 
-.tag.is-primary {
+.nav-toggle span:nth-child(1) {
+  margin-top: -6px;
+}
+
+.nav-toggle span:nth-child(2) {
+  margin-top: -1px;
+}
+
+.nav-toggle span:nth-child(3) {
+  margin-top: 4px;
+}
+
+.nav-toggle:hover {
+  background-color: whitesmoke;
+}
+
+.nav-toggle.is-active span {
   background-color: #11e4c4;
-  color: white;
 }
 
-.tag.is-info {
-  background-color: #0f6bff;
-  color: white;
+.nav-toggle.is-active span:nth-child(1) {
+  margin-left: -5px;
+  transform: rotate(45deg);
+  transform-origin: left top;
 }
 
-.tag.is-success {
-  background-color: #20ee68;
-  color: white;
+.nav-toggle.is-active span:nth-child(2) {
+  opacity: 0;
 }
 
-.tag.is-warning {
-  background-color: #ffcf0f;
-  color: white;
-}
-
-.tag.is-danger {
-  background-color: #ff0f3f;
-  color: white;
-}
-
-.tag.is-small {
-  font-size: 11px;
-  height: 20px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.tag.is-medium {
-  font-size: 14px;
-  height: 32px;
-  padding-left: 14px;
-  padding-right: 14px;
-}
-
-.tag.is-large {
-  font-size: 18px;
-  height: 40px;
-  line-height: 24px;
-  padding-left: 18px;
-  padding-right: 18px;
-}
-
-.tag.is-large .delete {
-  margin-left: 4px;
-  margin-right: -8px;
+.nav-toggle.is-active span:nth-child(3) {
+  margin-left: -5px;
+  transform: rotate(-45deg);
+  transform-origin: left bottom;
 }
 
 @media screen and (min-width: 769px) {
@@ -6238,6 +4869,15 @@ a.nav-item.is-tab.is-active {
   }
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .pagination {
   align-items: center;
   display: flex;
@@ -6294,6 +4934,15 @@ a.nav-item.is-tab.is-active {
   }
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .panel-icon {
   display: inline-block;
   font-size: 14px;
@@ -6376,338 +5025,21 @@ a.panel-block:hover {
   margin-bottom: 20px;
 }
 
-.box:not(:last-child), .highlight:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
-.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
-  margin-bottom: 20px;
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
 }
 
-.modal-close {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: rgba(18, 18, 18, 0.2);
-  border: none;
-  border-radius: 290486px;
-  cursor: pointer;
-  display: inline-block;
-  height: 24px;
-  position: relative;
-  vertical-align: top;
-  width: 24px;
-}
-
-.modal-close:before, .modal-close:after {
-  background-color: white;
-  content: "";
-  display: block;
-  height: 2px;
-  left: 50%;
-  margin-left: -25%;
-  margin-top: -1px;
-  position: absolute;
-  top: 50%;
-  width: 50%;
-}
-
-.modal-close:before {
-  transform: rotate(45deg);
-}
-
-.modal-close:after {
-  transform: rotate(-45deg);
-}
-
-.modal-close:hover {
-  background-color: rgba(18, 18, 18, 0.5);
-}
-
-.is-small.modal-close {
-  height: 16px;
-  width: 16px;
-}
-
-.is-medium.modal-close {
-  height: 32px;
-  width: 32px;
-}
-
-.is-large.modal-close {
-  height: 40px;
-  width: 40px;
-}
-
-.nav-toggle {
-  cursor: pointer;
-  display: block;
-  height: 50px;
-  position: relative;
-  width: 50px;
-}
-
-.nav-toggle span {
-  background-color: #7a7a7a;
-  display: block;
-  height: 1px;
-  left: 50%;
-  margin-left: -7px;
-  position: absolute;
-  top: 50%;
-  transition: none 86ms ease-out;
-  transition-property: background, left, opacity, transform;
-  width: 15px;
-}
-
-.nav-toggle span:nth-child(1) {
-  margin-top: -6px;
-}
-
-.nav-toggle span:nth-child(2) {
-  margin-top: -1px;
-}
-
-.nav-toggle span:nth-child(3) {
-  margin-top: 4px;
-}
-
-.nav-toggle:hover {
-  background-color: whitesmoke;
-}
-
-.is-active.nav-toggle span {
-  background-color: #11e4c4;
-}
-
-.is-active.nav-toggle span:nth-child(1) {
-  margin-left: -5px;
-  transform: rotate(45deg);
-  transform-origin: left top;
-}
-
-.is-active.nav-toggle span:nth-child(2) {
-  opacity: 0;
-}
-
-.is-active.nav-toggle span:nth-child(3) {
-  margin-left: -5px;
-  transform: rotate(-45deg);
-  transform-origin: left bottom;
-}
-
-.button.is-loading:after, .control.is-loading:after {
-  animation: spin-around 500ms infinite linear;
-  border: 2px solid #dbdbdb;
-  border-radius: 290486px;
-  border-right-color: transparent;
-  border-top-color: transparent;
-  content: "";
-  display: block;
-  height: 16px;
-  position: relative;
-  width: 16px;
-}
-
-.is-unselectable, .modal-close, .button, .tabs {
+.tabs {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-}
-
-.container {
-  position: relative;
-}
-
-@media screen and (min-width: 980px) {
-  .container {
-    margin: 0 auto;
-    max-width: 960px;
-  }
-  .container.is-fluid {
-    margin: 0 20px;
-    max-width: none;
-  }
-}
-
-@media screen and (min-width: 1180px) {
-  .container {
-    max-width: 1200px;
-  }
-}
-
-.fa {
-  font-size: 21px;
-  text-align: center;
-  vertical-align: top;
-}
-
-.icon {
-  display: inline-block;
-  font-size: 21px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  vertical-align: top;
-  width: 24px;
-}
-
-.icon .fa {
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.icon.is-small {
-  display: inline-block;
-  font-size: 14px;
-  height: 16px;
-  line-height: 16px;
-  text-align: center;
-  vertical-align: top;
-  width: 16px;
-}
-
-.icon.is-medium {
-  display: inline-block;
-  font-size: 28px;
-  height: 32px;
-  line-height: 32px;
-  text-align: center;
-  vertical-align: top;
-  width: 32px;
-}
-
-.icon.is-large {
-  display: inline-block;
-  font-size: 42px;
-  height: 48px;
-  line-height: 48px;
-  text-align: center;
-  vertical-align: top;
-  width: 48px;
-}
-
-.heading {
-  display: block;
-  font-size: 11px;
-  letter-spacing: 1px;
-  margin-bottom: 5px;
-  text-transform: uppercase;
-}
-
-.highlight {
-  font-size: 12px;
-  font-weight: normal;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 0;
-}
-
-.highlight pre {
-  overflow: auto;
-  max-width: 100%;
-}
-
-.number {
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  display: inline-block;
-  font-size: 18px;
-  vertical-align: top;
-}
-
-.tag {
-  align-items: center;
-  background-color: whitesmoke;
-  border-radius: 290486px;
-  color: #7a7a7a;
-  display: inline-flex;
-  font-size: 12px;
-  height: 24px;
-  justify-content: center;
-  line-height: 16px;
-  padding-left: 10px;
-  padding-right: 10px;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-.tag .delete {
-  margin-left: 4px;
-  margin-right: -6px;
-}
-
-.tag.is-white {
-  background-color: white;
-  color: #121212;
-}
-
-.tag.is-black {
-  background-color: #121212;
-  color: white;
-}
-
-.tag.is-light {
-  background-color: whitesmoke;
-  color: #7a7a7a;
-}
-
-.tag.is-dark {
-  background-color: #7a7a7a;
-  color: whitesmoke;
-}
-
-.tag.is-primary {
-  background-color: #11e4c4;
-  color: white;
-}
-
-.tag.is-info {
-  background-color: #0f6bff;
-  color: white;
-}
-
-.tag.is-success {
-  background-color: #20ee68;
-  color: white;
-}
-
-.tag.is-warning {
-  background-color: #ffcf0f;
-  color: white;
-}
-
-.tag.is-danger {
-  background-color: #ff0f3f;
-  color: white;
-}
-
-.tag.is-small {
-  font-size: 11px;
-  height: 20px;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.tag.is-medium {
-  font-size: 14px;
-  height: 32px;
-  padding-left: 14px;
-  padding-right: 14px;
-}
-
-.tag.is-large {
-  font-size: 18px;
-  height: 40px;
-  line-height: 24px;
-  padding-left: 18px;
-  padding-right: 18px;
-}
-
-.tag.is-large .delete {
-  margin-left: 4px;
-  margin-right: -8px;
-}
-
-.tabs {
   align-items: stretch;
   display: flex;
   justify-content: space-between;
@@ -6717,6 +5049,10 @@ a.panel-block:hover {
   white-space: nowrap;
 }
 
+.tabs:not(:last-child) {
+  margin-bottom: 20px;
+}
+
 .tabs a {
   align-items: center;
   border-bottom: 1px solid #dbdbdb;
@@ -6882,6 +5218,15 @@ a.panel-block:hover {
   padding-top: 13px;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .hero-video {
   bottom: 0;
   left: 0;
@@ -7600,11 +5945,11 @@ a.panel-block:hover {
 
 .hero.is-warning {
   background-color: #ffcf0f;
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .hero.is-warning .title {
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .hero.is-warning .title a,
@@ -7613,16 +5958,16 @@ a.panel-block:hover {
 }
 
 .hero.is-warning .subtitle {
-  color: rgba(255, 255, 255, 0.9);
+  color: rgba(0, 0, 0, 0.9);
 }
 
 .hero.is-warning .subtitle a,
 .hero.is-warning .subtitle strong {
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .hero.is-warning .nav {
-  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
 }
 
 @media screen and (max-width: 768px) {
@@ -7633,17 +5978,17 @@ a.panel-block:hover {
 
 .hero.is-warning a.nav-item,
 .hero.is-warning .nav-item a:not(.button) {
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
 .hero.is-warning .nav-item a:not(.button):hover,
 .hero.is-warning .nav-item a:not(.button).is-active {
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .hero.is-warning .tabs a {
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
   opacity: 0.9;
 }
 
@@ -7656,7 +6001,7 @@ a.panel-block:hover {
 }
 
 .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
-  color: white;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
@@ -7664,8 +6009,8 @@ a.panel-block:hover {
 }
 
 .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
-  background-color: white;
-  border-color: white;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-color: rgba(0, 0, 0, 0.7);
   color: #ffcf0f;
 }
 
@@ -7675,16 +6020,16 @@ a.panel-block:hover {
 
 @media screen and (max-width: 768px) {
   .hero.is-warning .nav-toggle span {
-    background-color: white;
+    background-color: rgba(0, 0, 0, 0.7);
   }
   .hero.is-warning .nav-toggle:hover {
     background-color: rgba(18, 18, 18, 0.1);
   }
   .hero.is-warning .nav-toggle.is-active span {
-    background-color: white;
+    background-color: rgba(0, 0, 0, 0.7);
   }
   .hero.is-warning .nav-menu .nav-item {
-    border-top-color: rgba(255, 255, 255, 0.2);
+    border-top-color: rgba(0, 0, 0, 0.2);
   }
 }
 
@@ -7806,6 +6151,15 @@ a.panel-block:hover {
   flex-shrink: 0;
 }
 
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
 .section {
   background-color: white;
   padding: 40px 20px;
@@ -7840,3 +6194,378 @@ a.panel-block:hover {
 .footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
   border-bottom-color: #11e4c4;
 }
+
+@keyframes spin-around {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}
+
+@media screen and (min-width: 769px) {
+  .button small {
+    color: #7a7a7a;
+    left: 0;
+    margin-top: 10px;
+    position: absolute;
+    top: 100%;
+    width: 100%;
+  }
+}
+
+body.page-grid .column > .notification {
+  padding-left: 0;
+  padding-right: 0;
+  text-align: center;
+}
+
+@media screen and (min-width: 769px) {
+  .header-item .button + .button {
+    margin-left: 10px;
+  }
+}
+
+#carbon {
+  max-width: 340px;
+  min-height: 130px;
+  min-width: 300px;
+  padding: 15px;
+}
+
+@media screen and (min-width: 769px) {
+  #carbon {
+    margin-left: auto;
+    margin-right: auto;
+    width: 340px;
+  }
+}
+
+#carbonads {
+  text-align: left;
+}
+
+#carbonads a:hover {
+  text-decoration: underline;
+}
+
+#carbonads span {
+  display: block;
+}
+
+#carbonads .carbon-img {
+  float: left;
+  height: 100px;
+  width: 130px;
+}
+
+#carbonads .carbon-img img {
+  display: block;
+}
+
+#carbonads .carbon-text {
+  display: block;
+  color: #242424;
+  margin-left: 145px;
+}
+
+#carbonads .carbon-poweredby {
+  font-size: 11px;
+  margin-left: 15px;
+}
+
+#github {
+  color: #333333;
+  border-color: #333333;
+}
+
+#github:hover {
+  background: #333333;
+  border-color: #333333;
+  color: white;
+}
+
+#twitter {
+  color: #55acee;
+  border-color: #55acee;
+}
+
+#twitter:hover {
+  background: #55acee;
+  border-color: #55acee;
+  color: white;
+}
+
+#b {
+  border-radius: 20px;
+  box-shadow: 0 20px 60px rgba(18, 18, 18, 0.05), 0 5px 10px rgba(18, 18, 18, 0.1), 0 1px 1px rgba(18, 18, 18, 0.2);
+  display: inline-block;
+  height: 240px;
+  margin-bottom: 40px;
+  vertical-align: top;
+  width: 240px;
+}
+
+#b svg {
+  display: block;
+  height: 240px;
+  width: 240px;
+}
+
+@media screen and (max-width: 768px) {
+  #b {
+    border-radius: 10px;
+    height: 120px;
+    width: 120px;
+  }
+}
+
+#npm {
+  background: none;
+  margin: -10px 0 20px;
+}
+
+#npm code {
+  border-radius: 3px;
+  color: #11e4c4;
+  display: inline-block;
+  font-size: 16px;
+  padding: 16px 32px;
+}
+
+#grid .notification {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#message {
+  display: none;
+}
+
+#tweet {
+  background: white;
+  border-radius: 5px;
+  box-shadow: 0 2px 3px rgba(18, 18, 18, 0.1), 0 0 0 1px rgba(18, 18, 18, 0.1);
+  padding: 20px;
+}
+
+#mc_embed_signup .control {
+  margin-bottom: 0;
+}
+
+#mc_embed_signup .notification {
+  margin-top: 10px;
+}
+
+#social {
+  align-items: center;
+  display: flex;
+  height: 20px;
+  margin-bottom: 1em;
+  justify-content: center;
+}
+
+#social a {
+  display: inline-block;
+  font-size: 11px;
+  height: 20px;
+  line-height: 20px;
+}
+
+#social iframe:last-child {
+  margin-left: 10px;
+}
+
+#images tr td:nth-child(2) {
+  width: 320px;
+}
+
+.color {
+  display: inline-block;
+  float: left;
+  height: 18px;
+  margin-right: 5px;
+  width: 18px;
+}
+
+.example,
+.structure {
+  border: 1px solid #ffcf0f;
+  border-top-right-radius: 3px;
+  color: rgba(0, 0, 0, 0.7);
+  padding: 15px 20px;
+  position: relative;
+}
+
+.example:not(:first-child),
+.structure:not(:first-child) {
+  margin-top: 30px;
+}
+
+.example:not(:last-child),
+.structure:not(:last-child) {
+  margin-bottom: 20px;
+}
+
+.example:before,
+.structure:before {
+  background: #ffcf0f;
+  border-radius: 3px 3px 0 0;
+  bottom: 100%;
+  content: "Example";
+  display: inline-block;
+  font-size: 7px;
+  font-weight: bold;
+  left: -1px;
+  letter-spacing: 1px;
+  padding: 3px 5px;
+  position: absolute;
+  text-transform: uppercase;
+  vertical-align: top;
+}
+
+@media screen and (min-width: 769px) {
+  .example.is-fullwidth,
+  .structure.is-fullwidth {
+    border-left: none;
+    border-right: none;
+    padding: 0;
+  }
+}
+
+.example + .highlight {
+  border: 1px solid #ffcf0f;
+  border-radius: 0 0 3px 3px;
+  border-top: none;
+  margin-top: -20px;
+}
+
+.example + .highlight pre {
+  max-height: 600px;
+}
+
+.example + .highlight:not(:last-child) {
+  margin-bottom: 40px;
+}
+
+.structure {
+  border-color: #ff0f3f;
+  border-radius: 3px;
+  padding: 20px;
+}
+
+.structure:before {
+  background: #ff0f3f;
+  color: white;
+  content: "Structure";
+}
+
+.structure-item {
+  position: relative;
+}
+
+.structure-item:before {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  background: rgba(18, 18, 18, 0.7);
+  background: whitesmoke;
+  border: 1px solid #dbdbdb;
+  content: "";
+  display: block;
+  z-index: 1;
+}
+
+.structure-item:after {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  align-items: center;
+  content: attr(title);
+  display: flex;
+  font-family: "Inconsolata", "Consolas", "Monaco", monospace;
+  font-size: 11px;
+  justify-content: center;
+  padding: 3px 5px;
+  z-index: 2;
+}
+
+.structure-item.is-structure-container {
+  padding: 20px 10px 10px;
+}
+
+.structure-item.is-structure-container:after {
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 5px 10px;
+}
+
+.highlight {
+  position: relative;
+}
+
+.highlight .copy,
+.highlight .expand {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background: white;
+  border: solid #dbdbdb;
+  border-width: 0 0 1px 1px;
+  color: #b5b5b5;
+  outline: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.highlight .copy:hover,
+.highlight .expand:hover {
+  border-color: #ff0f3f;
+  color: #ff0f3f;
+}
+
+.highlight .expand {
+  border-right-width: 1px;
+  right: 50px;
+}
+
+@media screen and (min-width: 769px) {
+  .section:not(.is-fullwidth) > .example:not(.is-fullwidth) {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+  .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+}
+
+.section.is-fullwidth {
+  padding: 0 !important;
+}
+
+.section.is-fullwidth .example {
+  border-left: none;
+  border-radius: 0;
+  border-right: none;
+  padding: 0;
+}
+
+.section.is-fullwidth .example + .highlight {
+  border-left: none;
+  border-radius: 0;
+  border-right: none;
+}
+
+#newsletter .input {
+  border-color: white;
+  box-shadow: none;
+}
diff --git a/docs/documentation/elements/tag.html b/docs/documentation/elements/tag.html
index cf0c5330..8335fc53 100644
--- a/docs/documentation/elements/tag.html
+++ b/docs/documentation/elements/tag.html
@@ -102,6 +102,7 @@ doc-subtab: tag
       </div>
       <div class="column is-6">
 {% highlight html %}
+<span class="tag is-dark is-small">Small</span>
 <span class="tag is-primary is-medium">Medium</span>
 <span class="tag is-info is-large">Large</span>
 {% endhighlight %}
@@ -116,19 +117,19 @@ doc-subtab: tag
         <p class="control">
           <span class="tag is-info is-small">
             Foo
-            <button class="delete"></button>
+            <button class="delete is-small"></button>
           </span>
         </p>
         <p class="control">
           <span class="tag is-success">
             Bar
-            <button class="delete"></button>
+            <button class="delete is-small"></button>
           </span>
         </p>
         <p class="control">
           <span class="tag is-warning is-medium">
             Hello
-            <button class="delete"></button>
+            <button class="delete is-small"></button>
           </span>
         </p>
         <p class="control">
@@ -140,16 +141,20 @@ doc-subtab: tag
       </div>
       <div class="column is-6">
 {% highlight html %}
-<span class="tag is-success">
+<span class="tag is-info is-small">
   Foo
-  <button class="delete"></button>
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-success">
+  Bar
+  <button class="delete is-small"></button>
 </span>
 <span class="tag is-warning is-medium">
-  Bar
-  <button class="delete"></button>
+  Hello
+  <button class="delete is-small"></button>
 </span>
 <span class="tag is-danger is-large">
-  Foo bar
+  World
   <button class="delete"></button>
 </span>
 {% endhighlight %}
diff --git a/docs/index.html b/docs/index.html
index 2f5a81c7..a925260b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -220,14 +220,12 @@ route: index
       </div>
       <div class="tile is-parent">
         <article class="tile is-child notification is-success">
+          <p class="title">Tall tile</p>
+          <p class="subtitle">With even more content</p>
           <div class="content">
-            <p class="title">Tall tile</p>
-            <p class="subtitle">With even more content</p>
-            <div class="content">
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
-              <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
-              <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
-            </div>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+            <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+            <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
           </div>
         </article>
       </div>
@@ -568,9 +566,9 @@ route: index
           </ul>
         </div>
         <p class="block">
-          <span class="tag is-dark">Tag<button class="delete"></button></span>
-          <span class="tag is-info">Two<button class="delete"></button></span>
-          <span class="tag is-danger">Three<button class="delete"></button></span>
+          <span class="tag is-dark">Tag<button class="delete is-small"></button></span>
+          <span class="tag is-info">Two<button class="delete is-small"></button></span>
+          <span class="tag is-danger">Three<button class="delete is-small"></button></span>
         </p>
         <div class="message is-warning">
           <div class="message-header">
diff --git a/sass/base/base.sass b/sass/base/base.sass
index 40bf3e34..b59b2fa1 100644
--- a/sass/base/base.sass
+++ b/sass/base/base.sass
@@ -1,4 +1,5 @@
 @charset "utf-8"
 
+@import "minireset"
 @import "generic"
 @import "helpers"
diff --git a/sass/base/generic.sass b/sass/base/generic.sass
index b365e044..63560135 100644
--- a/sass/base/generic.sass
+++ b/sass/base/generic.sass
@@ -58,7 +58,10 @@ code
   padding: 1px 2px 2px
 
 hr
-  border-top-color: $border
+  background-color: $border
+  border: none
+  display: block
+  height: 1px
   margin: 40px 0
 
 img
diff --git a/sass/base/helpers.sass b/sass/base/helpers.sass
index 57be4a99..7c029f2f 100644
--- a/sass/base/helpers.sass
+++ b/sass/base/helpers.sass
@@ -1,4 +1,3 @@
-@import "./placeholders.sass"
 @import "../utilities/mixins.sass"
 
 // Display
@@ -107,4 +106,4 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
   padding: 0 !important
 
 .is-unselectable
-  @extend %unselectable
+  +unselectable
diff --git a/sass/base/minireset.sass b/sass/base/minireset.sass
new file mode 100644
index 00000000..fb4f8e07
--- /dev/null
+++ b/sass/base/minireset.sass
@@ -0,0 +1,81 @@
+/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+// Blocks
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+  margin: 0
+  padding: 0
+
+// Headings
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+  font-size: 100%
+  font-weight: normal
+
+// List
+ul
+  list-style: none
+
+// Form
+button,
+input,
+select,
+textarea
+  margin: 0
+
+// Box sizing
+html
+  box-sizing: border-box
+
+*
+  box-sizing: inherit
+  &:before,
+  &:after
+    box-sizing: inherit
+
+// Media
+img,
+embed,
+object,
+audio,
+video
+  height: auto
+  max-width: 100%
+
+// Iframe
+iframe
+  border: 0
+
+// Table
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+td,
+th
+  padding: 0
+  text-align: left
diff --git a/sass/base/placeholders.sass b/sass/base/placeholders.sass
deleted file mode 100644
index 0b70241a..00000000
--- a/sass/base/placeholders.sass
+++ /dev/null
@@ -1,107 +0,0 @@
-@import "../utilities/animations.sass"
-@import "../utilities/variables.sass"
-
-%block
-  &:not(:last-child)
-    margin-bottom: 20px
-
-%delete
-  @extend %unselectable
-  -moz-appearance: none
-  -webkit-appearance: none
-  background-color: rgba($black, 0.2)
-  border: none
-  border-radius: 290486px
-  cursor: pointer
-  display: inline-block
-  height: 24px
-  position: relative
-  vertical-align: top
-  width: 24px
-  &:before,
-  &:after
-    background-color: $white
-    content: ""
-    display: block
-    height: 2px
-    left: 50%
-    margin-left: -25%
-    margin-top: -1px
-    position: absolute
-    top: 50%
-    width: 50%
-  &:before
-    transform: rotate(45deg)
-  &:after
-    transform: rotate(-45deg)
-  &:hover
-    background-color: rgba($black, 0.5)
-  // Sizes
-  &.is-small
-    height: 16px
-    width: 16px
-  &.is-medium
-    height: 32px
-    width: 32px
-  &.is-large
-    height: 40px
-    width: 40px
-
-%hamburger
-  cursor: pointer
-  display: block
-  height: $nav-height
-  position: relative
-  width: $nav-height
-  span
-    background-color: $text
-    display: block
-    height: 1px
-    left: 50%
-    margin-left: -7px
-    position: absolute
-    top: 50%
-    transition: none $speed $easing
-    transition-property: background, left, opacity, transform
-    width: 15px
-    &:nth-child(1)
-      margin-top: -6px
-    &:nth-child(2)
-      margin-top: -1px
-    &:nth-child(3)
-      margin-top: 4px
-  &:hover
-    background-color: $background
-  // Modifers
-  &.is-active
-    span
-      background-color: $link
-      &:nth-child(1)
-        margin-left: -5px
-        transform: rotate(45deg)
-        transform-origin: left top
-      &:nth-child(2)
-        opacity: 0
-      &:nth-child(3)
-        margin-left: -5px
-        transform: rotate(-45deg)
-        transform-origin: left bottom
-
-%loader
-  animation: spin-around 500ms infinite linear
-  border: 2px solid $border
-  border-radius: 290486px
-  border-right-color: transparent
-  border-top-color: transparent
-  content: ""
-  display: block
-  height: 16px
-  position: relative
-  width: 16px
-
-%unselectable
-  -webkit-touch-callout: none
-  -webkit-user-select: none
-  -moz-user-select: none
-  -ms-user-select: none
-  user-select: none
diff --git a/sass/components/level.sass b/sass/components/level.sass
index b2b3cd23..47282617 100644
--- a/sass/components/level.sass
+++ b/sass/components/level.sass
@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
@@ -37,7 +36,7 @@
     justify-content: flex-end
 
 .level
-  @extend %block
+  +block
   align-items: center
   justify-content: space-between
   code
diff --git a/sass/components/message.sass b/sass/components/message.sass
index fb7eda51..2f69997d 100644
--- a/sass/components/message.sass
+++ b/sass/components/message.sass
@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/functions.sass"
 @import "../utilities/variables.sass"
 
@@ -21,7 +20,7 @@
     border-top: none
 
 .message
-  @extend %block
+  +block
   background-color: $background
   border-radius: $radius
   // Colors
diff --git a/sass/components/modal.sass b/sass/components/modal.sass
index c0c6ba83..88fe26cb 100644
--- a/sass/components/modal.sass
+++ b/sass/components/modal.sass
@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
@@ -20,7 +19,7 @@
     width: 640px
 
 .modal-close
-  @extend %delete
+  +delete
   background: none
   height: 40px
   position: fixed
diff --git a/sass/components/nav.sass b/sass/components/nav.sass
index 09366f8a..932f8591 100644
--- a/sass/components/nav.sass
+++ b/sass/components/nav.sass
@@ -1,11 +1,10 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
 // Components
 
 .nav-toggle
-  @extend %hamburger
+  +hamburger
   // Responsiveness
   +tablet
     display: none
diff --git a/sass/components/tabs.sass b/sass/components/tabs.sass
index 4115b5a3..5e72f0e1 100644
--- a/sass/components/tabs.sass
+++ b/sass/components/tabs.sass
@@ -1,9 +1,9 @@
-@import "../base/placeholders.sass"
+@import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
 .tabs
-  @extend %block
-  @extend %unselectable
+  +block
+  +unselectable
   align-items: stretch
   display: flex
   justify-content: space-between
diff --git a/sass/elements/box.sass b/sass/elements/box.sass
index da9c40d1..3bc0f97f 100644
--- a/sass/elements/box.sass
+++ b/sass/elements/box.sass
@@ -1,8 +1,7 @@
-@import "../base/placeholders.sass"
 @import "../utilities/variables.sass"
 
 .box
-  @extend %block
+  +block
   background-color: $white
   border-radius: $radius-large
   box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
diff --git a/sass/elements/button.sass b/sass/elements/button.sass
index 5acf4dac..5bded0d2 100644
--- a/sass/elements/button.sass
+++ b/sass/elements/button.sass
@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/controls.sass"
 @import "../utilities/variables.sass"
 
@@ -22,7 +21,8 @@
 
 .button
   +control
-  @extend %unselectable
+  +unselectable
+  cursor: pointer
   justify-content: center
   padding-left: 10px
   padding-right: 10px
@@ -109,6 +109,6 @@
     color: transparent !important
     pointer-events: none
     &:after
-      @extend %loader
+      +loader
       +center(16px)
       position: absolute !important
diff --git a/sass/elements/content.sass b/sass/elements/content.sass
index aa2c78be..e4962120 100644
--- a/sass/elements/content.sass
+++ b/sass/elements/content.sass
@@ -1,8 +1,7 @@
-@import "../base/placeholders.sass"
 @import "../utilities/variables.sass"
 
 .content
-  @extend %block
+  +block
   color: $text
   // Inline
   a:not(.button)
diff --git a/sass/elements/form.sass b/sass/elements/form.sass
index 802d9f00..b0c3d7b0 100644
--- a/sass/elements/form.sass
+++ b/sass/elements/form.sass
@@ -1,4 +1,3 @@
-@import "../base/placeholders.sass"
 @import "../utilities/controls.sass"
 @import "../utilities/mixins.sass"
 
@@ -42,7 +41,8 @@
   padding: 10px
   resize: vertical
 
-%control-with-element
+.checkbox,
+.radio
   cursor: pointer
   display: inline-block
   line-height: 16px
@@ -58,11 +58,7 @@
     input
       pointer-events: none
 
-.checkbox
-  @extend %control-with-element
-
 .radio
-  @extend %control-with-element
   & + .radio
     margin-left: 10px
 
@@ -257,7 +253,7 @@
         flex-shrink: 1
   &.is-loading
     &:after
-      @extend %loader
+      +loader
       position: absolute !important
       right: 8px
       top: 8px
diff --git a/sass/elements/notification.sass b/sass/elements/notification.sass
index bb4d8cfd..ef1816ba 100644
--- a/sass/elements/notification.sass
+++ b/sass/elements/notification.sass
@@ -1,9 +1,8 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
 .notification
-  @extend %block
+  +block
   +clearfix
   background-color: $background
   border-radius: $radius
@@ -13,8 +12,9 @@
     border-radius: 0 $radius
     float: right
     margin: -16px -20px 0 20px
+  .title,
   .subtitle,
-  .title
+  .content
     color: inherit
   // Colors
   @each $name, $pair in $colors
diff --git a/sass/elements/other.sass b/sass/elements/other.sass
index 37a0712e..d5f769f4 100644
--- a/sass/elements/other.sass
+++ b/sass/elements/other.sass
@@ -1,7 +1,9 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
+.block
+  +block
+
 .container
   position: relative
   +desktop
@@ -14,11 +16,17 @@
   +widescreen
     max-width: 1200px
 
+.delete
+  +delete
+
 .fa
   font-size: 21px
   text-align: center
   vertical-align: top
 
+.hamburger
+  +hamburger
+
 .icon
   +fa(21px, 24px)
   .fa
@@ -40,7 +48,7 @@
   text-transform: uppercase
 
 .highlight
-  @extend %block
+  +block
   font-size: 12px
   font-weight: normal
   max-width: 100%
@@ -50,6 +58,9 @@
     overflow: auto
     max-width: 100%
 
+.loader
+  +loader
+
 .number
   background-color: $background
   border-radius: 290486px
diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass
index abe79c04..ecba68ac 100644
--- a/sass/elements/progress.sass
+++ b/sass/elements/progress.sass
@@ -1,8 +1,7 @@
-@import "../base/placeholders.sass"
 @import "../utilities/variables.sass"
 
 .progress
-  @extend %block
+  +block
   -moz-appearance: none
   -webkit-appearance: none
   border: none
diff --git a/sass/elements/title.sass b/sass/elements/title.sass
index 880845b6..b9878008 100644
--- a/sass/elements/title.sass
+++ b/sass/elements/title.sass
@@ -1,10 +1,9 @@
-@import "../base/placeholders.sass"
 @import "../utilities/mixins.sass"
 @import "../utilities/variables.sass"
 
 .title,
 .subtitle
-  @extend %block
+  +block
   font-weight: $weight-title-normal
   word-break: break-word
   em,
diff --git a/sass/utilities/functions.sass b/sass/utilities/functions.sass
index 49a47b6b..ab246c25 100644
--- a/sass/utilities/functions.sass
+++ b/sass/utilities/functions.sass
@@ -22,7 +22,7 @@
   @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
 
 @function findColorInvert($color)
-  @if (colorLuminance($color) > 0.7)
-    @return rgba($black, 0.7)
+  @if (colorLuminance($color) > 0.67)
+    @return rgba(black, 0.7)
   @else
     @return white
diff --git a/sass/utilities/mixins.sass b/sass/utilities/mixins.sass
index b0f0ed86..53a21d75 100644
--- a/sass/utilities/mixins.sass
+++ b/sass/utilities/mixins.sass
@@ -1,3 +1,6 @@
+@import "./animations.sass"
+@import "./variables.sass"
+
 =arrow($color)
   border: 1px solid $color
   border-right: 0
@@ -10,6 +13,10 @@
   transform: rotate(-45deg)
   width: 7px
 
+=block
+  &:not(:last-child)
+    margin-bottom: 20px
+
 =clearfix
   &:after
     clear: both
@@ -23,6 +30,48 @@
   position: absolute
   top: 50%
 
+=delete
+  +unselectable
+  -moz-appearance: none
+  -webkit-appearance: none
+  background-color: rgba($black, 0.2)
+  border: none
+  border-radius: 290486px
+  cursor: pointer
+  display: inline-block
+  height: 24px
+  position: relative
+  vertical-align: top
+  width: 24px
+  &:before,
+  &:after
+    background-color: $white
+    content: ""
+    display: block
+    height: 2px
+    left: 50%
+    margin-left: -25%
+    margin-top: -1px
+    position: absolute
+    top: 50%
+    width: 50%
+  &:before
+    transform: rotate(45deg)
+  &:after
+    transform: rotate(-45deg)
+  &:hover
+    background-color: rgba($black, 0.5)
+  // Sizes
+  &.is-small
+    height: 16px
+    width: 16px
+  &.is-medium
+    height: 32px
+    width: 32px
+  &.is-large
+    height: 40px
+    width: 40px
+
 =fa($size, $dimensions)
   display: inline-block
   font-size: $size
@@ -32,6 +81,58 @@
   vertical-align: top
   width: $dimensions
 
+=hamburger
+  cursor: pointer
+  display: block
+  height: $nav-height
+  position: relative
+  width: $nav-height
+  span
+    background-color: $text
+    display: block
+    height: 1px
+    left: 50%
+    margin-left: -7px
+    position: absolute
+    top: 50%
+    transition: none $speed $easing
+    transition-property: background, left, opacity, transform
+    width: 15px
+    &:nth-child(1)
+      margin-top: -6px
+    &:nth-child(2)
+      margin-top: -1px
+    &:nth-child(3)
+      margin-top: 4px
+  &:hover
+    background-color: $background
+  // Modifers
+  &.is-active
+    span
+      background-color: $link
+      &:nth-child(1)
+        margin-left: -5px
+        transform: rotate(45deg)
+        transform-origin: left top
+      &:nth-child(2)
+        opacity: 0
+      &:nth-child(3)
+        margin-left: -5px
+        transform: rotate(-45deg)
+        transform-origin: left bottom
+
+=loader
+  animation: spin-around 500ms infinite linear
+  border: 2px solid $border
+  border-radius: 290486px
+  border-right-color: transparent
+  border-top-color: transparent
+  content: ""
+  display: block
+  height: 16px
+  position: relative
+  width: 16px
+
 =overlay($offset: 0)
   bottom: $offset
   left: $offset
@@ -57,6 +158,13 @@
   text-indent: -290486px
   width: $width
 
+=unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+
 // Responsiveness
 
 $tablet: 769px !default
diff --git a/sass/utilities/reset.sass b/sass/utilities/reset.sass
deleted file mode 100644
index 26bf2864..00000000
--- a/sass/utilities/reset.sass
+++ /dev/null
@@ -1,174 +0,0 @@
-//
-//  HTML5 Reset :: style.css
-//  ----------------------------------------------------------
-//  We have learned much from/been inspired by/taken code where offered from:
-//
-//  Eric Meyer          :: http://meyerweb.com
-//  HTML5 Doctor        :: http://html5doctor.com
-//  and the HTML5 Boilerplate :: http://html5boilerplate.com
-//
-//-------------------------------------------------------------------------------
-
-// Let's default this puppy out
-
-html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary
-  margin: 0
-  padding: 0
-  border: 0
-  font-size: 100%
-  font-weight: normal
-  vertical-align: baseline
-  background: transparent
-
-article, aside, figure, footer, header, nav, section, details, summary
-  display: block
-
-// Handle box-sizing while better addressing child elements:
-// http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
-html
-  box-sizing: border-box
-
-*,
-*:before,
-*:after
-  box-sizing: inherit
-
-// consider resetting the default cursor: https://gist.github.com/murtaugh/5247154
-
-// Responsive images and other embedded objects
-img,
-object,
-embed
-  max-width: 100%
-
-//
-//   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
-//   In fact, it *will* cause problems with Google Maps' controls at small size.
-//  If this is the case for you, try uncommenting the following:
-//
-//#map img {
-//    max-width: none;
-//}
-
-// force a vertical scrollbar to prevent a jumpy page
-html
-  overflow-y: scroll
-
-// we use a lot of ULs that aren't bulleted.
-//  don't forget to restore the bullets within content.
-ul
-  list-style: none
-
-blockquote, q
-  quotes: none
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after
-  content: ''
-  content: none
-
-a
-  margin: 0
-  padding: 0
-  font-size: 100%
-  vertical-align: baseline
-  background: transparent
-
-del
-  text-decoration: line-through
-
-abbr[title], dfn[title]
-  border-bottom: 1px dotted #000
-  cursor: help
-
-// tables still need cellspacing="0" in the markup
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-th
-  font-weight: bold
-  vertical-align: bottom
-
-td
-  font-weight: normal
-  vertical-align: top
-
-hr
-  display: block
-  height: 1px
-  border: 0
-  border-top: 1px solid #ccc
-  margin: 1em 0
-  padding: 0
-
-input, select
-  vertical-align: middle
-
-pre
-  white-space: pre
-  // CSS2
-  white-space: pre-wrap
-  // CSS 2.1
-  white-space: pre-line
-  // CSS 3 (and 2.1 as well, actually)
-  word-wrap: break-word
-  // IE
-
-input[type="radio"]
-  vertical-align: text-bottom
-
-input[type="checkbox"]
-  vertical-align: bottom
-
-select, input, textarea
-  font: 99% sans-serif
-
-table
-  font-size: inherit
-  font: 100%
-
-small
-  font-size: 85%
-
-strong
-  font-weight: bold
-
-td, td img
-  vertical-align: top
-
-// Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930
-sub, sup
-  font-size: 75%
-  line-height: 0
-  position: relative
-
-sup
-  top: -0.5em
-
-sub
-  bottom: -0.25em
-
-// standardize any monospaced elements
-pre, code, kbd, samp
-  font-family: monospace, sans-serif
-
-// hand cursor on clickable elements
-label,
-input[type=button],
-input[type=submit],
-input[type=file],
-button
-  cursor: pointer
-
-// Webkit browsers add a 2px margin outside the chrome of form elements
-button, input, select, textarea
-  margin: 0
-
-// make buttons play nice in IE
-button,
-input[type=button]
-  width: auto
-  overflow: visible