:tada: Initial commit of Osprey Delight

27 files changed, 0 insertions, 1960 deletions

diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..17c76f7
--- /dev/null
+++ b/static/favicon.png
diff --git a/static/images/icon-menu.png b/static/images/icon-menu.png
deleted file mode 100644
index 146b410..0000000
--- a/static/images/icon-menu.png
+++ /dev/null
diff --git a/static/images/icon-x.png b/static/images/icon-x.png
deleted file mode 100644
index eca1a0a..0000000
--- a/static/images/icon-x.png
+++ /dev/null
diff --git a/static/images/osprey-delight-logo copy.png b/static/images/osprey-delight-logo copy.png
new file mode 100644
index 0000000..07606f0
--- /dev/null
+++ b/static/images/osprey-delight-logo copy.png
diff --git a/static/images/osprey-delight-logo.png b/static/images/osprey-delight-logo.png
new file mode 100644
index 0000000..07606f0
--- /dev/null
+++ b/static/images/osprey-delight-logo.png
diff --git a/static/images/osprey-delight-small.png b/static/images/osprey-delight-small.png
new file mode 100644
index 0000000..71ce5f5
--- /dev/null
+++ b/static/images/osprey-delight-small.png
diff --git a/static/images/osprey-delight.png b/static/images/osprey-delight.png
new file mode 100644
index 0000000..01142fb
--- /dev/null
+++ b/static/images/osprey-delight.png
diff --git a/static/scripts/contact.min.js b/static/scripts/contact.min.js
deleted file mode 100644
index f91819a..0000000
--- a/static/scripts/contact.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){var e=document.querySelector.bind(document);e("#form-contact").addEventListener("submit",function(s){s.preventDefault();var t=e("input[name=name]").value,i=e("input[name=email]").value,a=e("input[name=_subject]").value,n=e("textarea[name=message]").value,o=new XMLHttpRequest,l={name:t,_replyto:i,email:i,_subject:a,message:n};o.open("POST","{{ if .Site.Params.ajaxFormspree }}https://formspree.io/{{ .Site.Params.email }}{{ else if .Site.Params.ajaxBasin }}{{ .Site.Params.ajaxBasin }}.json{{ end }}",!0),o.setRequestHeader("Content-Type","application/json"),o.setRequestHeader("Accept","application/json"),o.onreadystatechange=function(){function s(){i.style.visibility="hidden",i.classList.add("hide"),i.classList.remove("show"),t.style.visibility="visible",t.classList.add("show"),t.classList.remove("hide")}if(4===o.readyState&&200===o.status){e("#form-contact").reset();var t=e("#form-submit"),i=e("#form-thankyou");!function(){t.style.visibility="hidden",t.classList.add("hide"),t.classList.remove("show"),i.style.visibility="visible",i.classList.add("show"),i.classList.remove("hide"),setTimeout(s,6e3)}()}},o.send(JSON.stringify(l))})}();
diff --git a/static/scripts/index.min.js b/static/scripts/index.min.js
deleted file mode 100644
index a53b6af..0000000
--- a/static/scripts/index.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){var e=document.querySelector.bind(document),t=document.querySelectorAll.bind(document),n=!1;window.onscroll=function(){(window.pageYOffset||document.documentElement.scrollTop)>(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight)-e("nav").clientHeight?(e("nav").classList.add("nav-fixed"),t("nav > .logo, nav > .nav-toggle").forEach(function(e){e.style.visibility="visible",e.classList.add("show"),e.classList.remove("hide")})):(e("nav").classList.remove("nav-fixed"),t("nav > .logo, nav > .nav-toggle").forEach(function(e){e.style.visibility="hidden",e.classList.add("hide"),e.classList.remove("show")}))},e(".nav-icon").addEventListener("click",function(){t(".nav-full, main").forEach(function(e){e.classList.toggle("active")}),n?(this.querySelector("img:nth-of-type(1)").style.display="block",this.querySelector("img:nth-of-type(2)").style.display="none",n=!1):(this.querySelector("img:nth-of-type(1)").style.display="none",this.querySelector("img:nth-of-type(2)").style.display="block",n=!0)}),t(".nav-full a").forEach(function(e){e.addEventListener("click",function(){t(".nav-full, main").forEach(function(e){e.classList.toggle("active")})})}),e(".logo").addEventListener("click",function(){e(".nav-full").classList.contains("active")&&t(".nav-full, main").forEach(function(e){e.classList.toggle("active")})}),e("body").addEventListener("click",function(){e(".nav-full").classList.contains("active")?e("html").style.overflowY="hidden":e("html").style.overflowY="scroll"}),t("header").forEach(function(){})}();
\ No newline at end of file
diff --git a/static/scripts/main.min.js b/static/scripts/main.min.js
deleted file mode 100644
index f4302a0..0000000
--- a/static/scripts/main.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){var t=document.querySelector.bind(document),e=document.querySelectorAll.bind(document),n=!1;t("nav").classList.add("nav-fixed"),e("nav > .logo, nav > .nav-toggle").forEach(function(t){t.style.visibility="visible",t.classList.add("show"),t.classList.remove("hide")}),t(".nav-icon").addEventListener("click",function(){e(".nav-full, main").forEach(function(t){t.classList.toggle("active")}),n?(this.querySelector("img:nth-of-type(1)").style.display="block",this.querySelector("img:nth-of-type(2)").style.display="none",n=!1):(this.querySelector("img:nth-of-type(1)").style.display="none",this.querySelector("img:nth-of-type(2)").style.display="block",n=!0)}),e(".nav-full a").forEach(function(t){t.addEventListener("click",function(){e(".nav-full, main").forEach(function(t){t.classList.toggle("active")})})}),t(".logo").addEventListener("click",function(){t(".nav-full").classList.contains("active")&&e(".nav-full, main").forEach(function(t){t.classList.toggle("active")})}),t("body").addEventListener("click",function(){t(".nav-full").classList.contains("active")?t("html").style.overflowY="hidden":t("html").style.overflowY="scroll"})}();
\ No newline at end of file
diff --git a/static/scripts/modal.min.js b/static/scripts/modal.min.js
deleted file mode 100644
index 8afb33c..0000000
--- a/static/scripts/modal.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(){function e(){i.forEach(function(e){e.classList.add("scale-in-center"),e.classList.remove("scale-out-center")})}function c(){i.forEach(function(e){e.classList.remove("scale-in-center"),e.classList.add("scale-out-center"),setTimeout(function(){t.classList.remove("active")},500)})}var t,n=document.querySelector.bind(document),o=document.querySelectorAll.bind(document),i=o(".modal-box"),a=o(".gallery-modal-link"),l=o(".close");a.forEach(function(c){c.onclick=function(c){c.preventDefault(),t=n(c.target.getAttribute("href")),t.classList.add("active"),e()}}),l.forEach(function(e){e.onclick=function(e){e.preventDefault(),c()}}),window.onclick=function(e){e.target===t&&c()},document.onkeydown=function(e){"Escape"===e.key&&c()}}();
\ No newline at end of file
diff --git a/static/scripts/src/contact.js b/static/scripts/src/contact.js
deleted file mode 100644
index cfd5e38..0000000
--- a/static/scripts/src/contact.js
+++ /dev/null
@@ -1,67 +0,0 @@
-(function() {
-  var $ = document.querySelector.bind(document)
-
-  $('#form-contact').addEventListener('submit', function(e) {
-    e.preventDefault()
-
-    // Store form field values
-    var name = $('input[name=name]').value,
-        email = $('input[name=email]').value,
-        subject = $('input[name=_subject]').value,
-        message = $('textarea[name=message]').value,
-
-        // AJAX request
-        request = new XMLHttpRequest(),
-        data = {
-          name: name,
-          _replyto: email,
-          email: email,
-          _subject: subject,
-          message: message
-        }
-
-    // Send to Formspree or Basin
-    request.open('POST', '{{ if .Site.Params.ajaxFormspree }}https://formspree.io/{{ .Site.Params.email }}{{ else if .Site.Params.ajaxBasin }}{{ .Site.Params.ajaxBasin }}.json{{ end }}', true)
-    request.setRequestHeader('Content-Type', 'application/json')
-    request.setRequestHeader('Accept', 'application/json')
-    // Call function when the state changes
-    request.onreadystatechange = function() {
-      if (request.readyState === 4 && request.status === 200) {
-        // Reset form
-        $('#form-contact').reset()
-
-        var submit = $('#form-submit'),
-            thanks = $('#form-thankyou')
-
-        function thankYouFadeIn() {
-          // Fade out submit button
-          submit.style.visibility = 'hidden'
-          submit.classList.add('hide')
-          submit.classList.remove('show')
-
-          // Fade in thank you message
-          thanks.style.visibility = 'visible'
-          thanks.classList.add('show')
-          thanks.classList.remove('hide')
-          setTimeout(thankYouFadeOut, 6000)
-        };
-
-        function thankYouFadeOut() {
-          // Fade out thank you message
-          thanks.style.visibility = 'hidden'
-          thanks.classList.add('hide')
-          thanks.classList.remove('show')
-
-          // Fade in submit button
-          submit.style.visibility = 'visible'
-          submit.classList.add('show')
-          submit.classList.remove('hide')
-        };
-
-        thankYouFadeIn()
-      }
-    }
-
-    request.send(JSON.stringify(data))
-  })
-})()
diff --git a/static/scripts/src/index.js b/static/scripts/src/index.js
deleted file mode 100644
index 9a52ef2..0000000
--- a/static/scripts/src/index.js
+++ /dev/null
@@ -1,99 +0,0 @@
-(function() {
-  var $ = document.querySelector.bind(document),
-      $$ = document.querySelectorAll.bind(document),
-
-      menuActive = false
-
-  // Nav starts at bottom then is fixed to top
-  // Logo and hamburger menus fade in and out
-  window.onscroll = function() {
-    var scrollPosition = window.pageYOffset || document.documentElement.scrollTop,
-        windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight,
-        navHeight = $('nav').clientHeight
-
-    if (scrollPosition > windowHeight - navHeight) {
-      // Nav is fixed to top
-      $('nav').classList.add('nav-fixed')
-      $$('nav > .logo, nav > .nav-toggle').forEach(function(el) {
-        el.style.visibility = 'visible'
-        el.classList.add('show')
-        el.classList.remove('hide')
-      })
-    } else {
-      // Nav is not fixed
-      $('nav').classList.remove('nav-fixed')
-      $$('nav > .logo, nav > .nav-toggle').forEach(function(el) {
-        el.style.visibility = 'hidden'
-        el.classList.add('hide')
-        el.classList.remove('show')
-      })
-    }
-  }
-
-  // Full screen nav open on click
-  $('.nav-icon').addEventListener('click', function() {
-    $$('.nav-full, main').forEach(function(el) {
-      el.classList.toggle('active')
-    })
-    if (menuActive) {
-      this.querySelector('img:nth-of-type(1)').style.display = 'inline-block'
-      this.querySelector('img:nth-of-type(2)').style.display = 'none'
-      menuActive = false
-    } else {
-      this.querySelector('img:nth-of-type(1)').style.display = 'none'
-      this.querySelector('img:nth-of-type(2)').style.display = 'inline-block'
-      menuActive = true
-    }
-  })
-
-  // Full screen nav close on click
-  $$('.nav-full a').forEach(function(links) {
-    links.addEventListener('click', function() {
-      $$('.nav-full, main').forEach(function(el) {
-        el.classList.toggle('active')
-      })
-    })
-  })
-
-  // Fix logoBig drawing over nav when click on logoSmall while nav open
-  $('.logo').addEventListener('click', function() {
-    if ($('.nav-full').classList.contains('active')) {
-      $$('.nav-full, main').forEach(function(el) {
-        el.classList.toggle('active')
-      })
-    }
-  })
-
-  // Disable scroll when full screen nav is open
-  $('body').addEventListener('click', function() {
-    if ($('.nav-full').classList.contains('active')) {
-      $('html').style.overflowY = 'hidden'
-    } else {
-      $('html').style.overflowY = 'scroll'
-    }
-  })
-
-  // Mobile browsers viewport height bug fix
-  function fullMobileViewport() {
-    var element = this,
-        viewportHeight = window.innerHeight,
-        heightChangeTolerance = 100 // Approximate address bar height in Chrome
-
-    $(window).resize(function() {
-      if (Math.abs(viewportHeight - window.innerHeight) > heightChangeTolerance) {
-        viewportHeight = window.innerHeight
-        update()
-      }
-    })
-
-    function update() {
-      element.style.height = (viewportHeight + 'px')
-    }
-
-    update()
-  }
-
-  $$('header').forEach(function() {
-    fullMobileViewport
-  })
-})()
diff --git a/static/scripts/src/main.js b/static/scripts/src/main.js
deleted file mode 100644
index d993884..0000000
--- a/static/scripts/src/main.js
+++ /dev/null
@@ -1,57 +0,0 @@
-(function() {
-  var $ = document.querySelector.bind(document),
-      $$ = document.querySelectorAll.bind(document),
-
-      menuActive = false
-
-  // Nav is fixed to top
-  $('nav').classList.add('nav-fixed')
-  $$('nav > .logo, nav > .nav-toggle').forEach(function(el) {
-    el.style.visibility = 'visible'
-    el.classList.add('show')
-    el.classList.remove('hide')
-  })
-
-  // Full screen nav open on click
-  $('.nav-icon').addEventListener('click', function() {
-    $$('.nav-full, main').forEach(function(el) {
-      el.classList.toggle('active')
-    })
-    if (menuActive) {
-      this.querySelector('img:nth-of-type(1)').style.display = 'inline-block'
-      this.querySelector('img:nth-of-type(2)').style.display = 'none'
-      menuActive = false
-    } else {
-      this.querySelector('img:nth-of-type(1)').style.display = 'none'
-      this.querySelector('img:nth-of-type(2)').style.display = 'inline-block'
-      menuActive = true
-    }
-  })
-
-  // Full screen nav close on click
-  $$('.nav-full a').forEach(function(links) {
-    links.addEventListener('click', function() {
-      $$('.nav-full, main').forEach(function(el) {
-        el.classList.toggle('active')
-      })
-    })
-  })
-
-  // Fix logoBig drawing over nav when click on logoSmall while nav open
-  $('.logo').addEventListener('click', function() {
-    if ($('.nav-full').classList.contains('active')) {
-      $$('.nav-full, main').forEach(function(el) {
-        el.classList.toggle('active')
-      })
-    }
-  })
-
-  // Disable scroll when full screen nav is open
-  $('body').addEventListener('click', function() {
-    if ($('.nav-full').classList.contains('active')) {
-      $('html').style.overflowY = 'hidden'
-    } else {
-      $('html').style.overflowY = 'scroll'
-    }
-  })
-})()
diff --git a/static/scripts/src/modal.js b/static/scripts/src/modal.js
deleted file mode 100644
index 9fbdc57..0000000
--- a/static/scripts/src/modal.js
+++ /dev/null
@@ -1,68 +0,0 @@
-(function() {
-  var $ = document.querySelector.bind(document),
-      $$ = document.querySelectorAll.bind(document),
-
-      modal,
-
-      modalBoxes = $$('.modal-box'),
-
-      // Link that opens modal
-      openLinks = $$('.gallery-modal-link'),
-
-      // Link that closes modal
-      closeLinks = $$('.close')
-
-  // Modal open animation
-  function openModal() {
-    modalBoxes.forEach(function(box) {
-      box.classList.add('scale-in-center')
-      box.classList.remove('scale-out-center')
-    })
-  }
-
-  // Modal close animation
-  function closeModal() {
-    modalBoxes.forEach(function(box) {
-      box.classList.remove('scale-in-center')
-      box.classList.add('scale-out-center')
-      // Remove active class from modal after modal-box animation is done
-      // box.addEventListener('animationend', function() {
-      //   console.log('animation ended')
-      //   modal.classList.remove('active')
-      // })
-      setTimeout(function() { modal.classList.remove('active') }, 500)
-    })
-  }
-
-  // Open modal on link click
-  openLinks.forEach(function(link) {
-    link.onclick = function(e) {
-      e.preventDefault()
-      modal = $(e.target.getAttribute('href'))
-      modal.classList.add('active')
-      openModal()
-    }
-  })
-
-  // Close modal on close link
-  closeLinks.forEach(function(link) {
-    link.onclick = function(e) {
-      e.preventDefault()
-      closeModal()
-    }
-  })
-
-  // Close modal on click outside modal
-  window.onclick = function(e) {
-    if (e.target === modal) {
-      closeModal()
-    }
-  }
-
-  // Close modal on ESC key press
-  document.onkeydown = function(e) {
-    if (e.key === 'Escape') {
-      closeModal()
-    }
-  }
-})()
diff --git a/static/scripts/vendor/lazysizes.min.js b/static/scripts/vendor/lazysizes.min.js
deleted file mode 100644
index 1d652e6..0000000
--- a/static/scripts/vendor/lazysizes.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! lazysizes - v4.1.5 */
-!(function(a, b) { var c = b(a, a.document); a.lazySizes = c, typeof module === 'object' && module.exports && (module.exports = c) }(window, function(a, b) { 'use strict'; if (b.getElementsByClassName) { var c, d, e = b.documentElement, f = a.Date, g = a.HTMLPictureElement, h = 'addEventListener', i = 'getAttribute', j = a[h], k = a.setTimeout, l = a.requestAnimationFrame || k, m = a.requestIdleCallback, n = /^picture$/i, o = ['load', 'error', 'lazyincluded', '_lazyloaded'], p = {}, q = Array.prototype.forEach, r = function(a, b) { return p[b] || (p[b] = new RegExp('(\\s|^)' + b + '(\\s|$)')), p[b].test(a[i]('class') || '') && p[b] }, s = function(a, b) { r(a, b) || a.setAttribute('class', (a[i]('class') || '').trim() + ' ' + b) }, t = function(a, b) { var c; (c = r(a, b)) && a.setAttribute('class', (a[i]('class') || '').replace(c, ' ')) }, u = function(a, b, c) { var d = c ? h : 'removeEventListener'; c && u(a, b), o.forEach(function(c) { a[d](c, b) }) }, v = function(a, d, e, f, g) { var h = b.createEvent('Event'); return e || (e = {}), e.instance = c, h.initEvent(d, !f, !g), h.detail = e, a.dispatchEvent(h), h }, w = function(b, c) { var e; !g && (e = a.picturefill || d.pf) ? (c && c.src && !b[i]('srcset') && b.setAttribute('srcset', c.src), e({ reevaluate: !0, elements: [b] })) : c && c.src && (b.src = c.src) }, x = function(a, b) { return (getComputedStyle(a, null) || {})[b] }, y = function(a, b, c) { for (c = c || a.offsetWidth; c < d.minSize && b && !a._lazysizesWidth;)c = b.offsetWidth, b = b.parentNode; return c }, z = (function() { var a, c, d = [], e = [], f = d, g = function() { var b = f; for (f = d.length ? e : d, a = !0, c = !1; b.length;)b.shift()(); a = !1 }, h = function(d, e) { a && !e ? d.apply(this, arguments) : (f.push(d), c || (c = !0, (b.hidden ? k : l)(g))) }; return h._lsFlush = g, h }()), A = function(a, b) { return b ? function() { z(a) } : function() { var b = this, c = arguments; z(function() { a.apply(b, c) }) } }, B = function(a) { var b, c = 0, e = d.throttleDelay, g = d.ricTimeout, h = function() { b = !1, c = f.now(), a() }, i = m && g > 49 ? function() { m(h, { timeout: g }), g !== d.ricTimeout && (g = d.ricTimeout) } : A(function() { k(h) }, !0); return function(a) { var d; (a = !0 === a) && (g = 33), b || (b = !0, d = e - (f.now() - c), d < 0 && (d = 0), a || d < 9 ? i() : k(i, d)) } }, C = function(a) { var b, c, d = 99, e = function() { b = null, a() }, g = function() { var a = f.now() - c; a < d ? k(g, d - a) : (m || e)(e) }; return function() { c = f.now(), b || (b = k(g, d)) } }; !(function() { var b, c = { lazyClass: 'lazyload', loadedClass: 'lazyloaded', loadingClass: 'lazyloading', preloadClass: 'lazypreload', errorClass: 'lazyerror', autosizesClass: 'lazyautosizes', srcAttr: 'data-src', srcsetAttr: 'data-srcset', sizesAttr: 'data-sizes', minSize: 40, customMedia: {}, init: !0, expFactor: 1.5, hFac: 0.8, loadMode: 2, loadHidden: !0, ricTimeout: 0, throttleDelay: 125 }; d = a.lazySizesConfig || a.lazysizesConfig || {}; for (b in c)b in d || (d[b] = c[b]); a.lazySizesConfig = d, k(function() { d.init && F() }) }()); var D = (function() { var g, l, m, o, p, y, D, F, G, H, I, J = /^img$/i, K = /^iframe$/i, L = 'onscroll' in a && !/(gle|ing)bot/.test(navigator.userAgent), M = 0, N = 0, O = 0, P = -1, Q = function(a) { O--, a && a.target && u(a.target, Q), (!a || O < 0 || !a.target) && (O = 0) }, R = function(a, c) { var d, f = a, g = x(b.body, 'visibility') == 'hidden' || x(a.parentNode, 'visibility') != 'hidden' && x(a, 'visibility') != 'hidden'; for (F -= c, I += c, G -= c, H += c; g && (f = f.offsetParent) && f != b.body && f != e;)(g = (x(f, 'opacity') || 1) > 0) && x(f, 'overflow') != 'visible' && (d = f.getBoundingClientRect(), g = H > d.left && G < d.right && I > d.top - 1 && F < d.bottom + 1); return g }, S = function() { var a, f, h, j, k, m, n, p, q, r, s, t, u = c.elements; if ((o = d.loadMode) && O < 8 && (a = u.length)) { for (f = 0, P++, r = !d.expand || d.expand < 1 ? e.clientHeight > 500 && e.clientWidth > 500 ? 500 : 370 : d.expand, s = r * d.expFactor, t = d.hFac, N < s && O < 1 && P > 2 && o > 2 && !b.hidden ? (N = s, P = 0) : N = o > 1 && P > 1 && O < 6 ? r : M; f < a; f++) if (u[f] && !u[f]._lazyRace) if (L) if ((p = u[f][i]('data-expand')) && (m = 1 * p) || (m = N), q !== m && (y = innerWidth + m * t, D = innerHeight + m, n = -1 * m, q = m), h = u[f].getBoundingClientRect(), (I = h.bottom) >= n && (F = h.top) <= D && (H = h.right) >= n * t && (G = h.left) <= y && (I || H || G || F) && (d.loadHidden || x(u[f], 'visibility') != 'hidden') && (l && O < 3 && !p && (o < 3 || P < 4) || R(u[f], m))) { if ($(u[f]), k = !0, O > 9) break } else !k && l && !j && O < 4 && P < 4 && o > 2 && (g[0] || d.preloadAfterLoad) && (g[0] || !p && (I || H || G || F || u[f][i](d.sizesAttr) != 'auto')) && (j = g[0] || u[f]); else $(u[f]); j && !k && $(j) } }, T = B(S), U = function(a) { s(a.target, d.loadedClass), t(a.target, d.loadingClass), u(a.target, W), v(a.target, 'lazyloaded') }, V = A(U), W = function(a) { V({ target: a.target }) }, X = function(a, b) { try { a.contentWindow.location.replace(b) } catch (c) { a.src = b } }, Y = function(a) { var b, c = a[i](d.srcsetAttr); (b = d.customMedia[a[i]('data-media') || a[i]('media')]) && a.setAttribute('media', b), c && a.setAttribute('srcset', c) }, Z = A(function(a, b, c, e, f) { var g, h, j, l, o, p; (o = v(a, 'lazybeforeunveil', b)).defaultPrevented || (e && (c ? s(a, d.autosizesClass) : a.setAttribute('sizes', e)), h = a[i](d.srcsetAttr), g = a[i](d.srcAttr), f && (j = a.parentNode, l = j && n.test(j.nodeName || '')), p = b.firesLoad || 'src' in a && (h || g || l), o = { target: a }, p && (u(a, Q, !0), clearTimeout(m), m = k(Q, 2500), s(a, d.loadingClass), u(a, W, !0)), l && q.call(j.getElementsByTagName('source'), Y), h ? a.setAttribute('srcset', h) : g && !l && (K.test(a.nodeName) ? X(a, g) : a.src = g), f && (h || l) && w(a, { src: g })), a._lazyRace && delete a._lazyRace, t(a, d.lazyClass), z(function() { (!p || a.complete && a.naturalWidth > 1) && (p ? Q(o) : O--, U(o)) }, !0) }), $ = function(a) { var b, c = J.test(a.nodeName), e = c && (a[i](d.sizesAttr) || a[i]('sizes')), f = e == 'auto'; (!f && l || !c || !a[i]('src') && !a.srcset || a.complete || r(a, d.errorClass) || !r(a, d.lazyClass)) && (b = v(a, 'lazyunveilread').detail, f && E.updateElem(a, !0, a.offsetWidth), a._lazyRace = !0, O++, Z(a, b, f, e, c)) }, _ = function() { if (!l) { if (f.now() - p < 999) return void k(_, 999); var a = C(function() { d.loadMode = 3, T() }); l = !0, d.loadMode = 3, T(), j('scroll', function() { d.loadMode == 3 && (d.loadMode = 2), a() }, !0) } }; return { _: function() { p = f.now(), c.elements = b.getElementsByClassName(d.lazyClass), g = b.getElementsByClassName(d.lazyClass + ' ' + d.preloadClass), j('scroll', T, !0), j('resize', T, !0), a.MutationObserver ? new MutationObserver(T).observe(e, { childList: !0, subtree: !0, attributes: !0 }) : (e[h]('DOMNodeInserted', T, !0), e[h]('DOMAttrModified', T, !0), setInterval(T, 999)), j('hashchange', T, !0), ['focus', 'mouseover', 'click', 'load', 'transitionend', 'animationend', 'webkitAnimationEnd'].forEach(function(a) { b[h](a, T, !0) }), /d$|^c/.test(b.readyState) ? _() : (j('load', _), b[h]('DOMContentLoaded', T), k(_, 2e4)), c.elements.length ? (S(), z._lsFlush()) : T() }, checkElems: T, unveil: $ } }()), E = (function() { var a, c = A(function(a, b, c, d) { var e, f, g; if (a._lazysizesWidth = d, d += 'px', a.setAttribute('sizes', d), n.test(b.nodeName || '')) for (e = b.getElementsByTagName('source'), f = 0, g = e.length; f < g; f++)e[f].setAttribute('sizes', d); c.detail.dataAttr || w(a, c.detail) }), e = function(a, b, d) { var e, f = a.parentNode; f && (d = y(a, f, d), e = v(a, 'lazybeforesizes', { width: d, dataAttr: !!b }), e.defaultPrevented || (d = e.detail.width) && d !== a._lazysizesWidth && c(a, f, e, d)) }, f = function() { var b, c = a.length; if (c) for (b = 0; b < c; b++)e(a[b]) }, g = C(f); return { _: function() { a = b.getElementsByClassName(d.autosizesClass), j('resize', g) }, checkElems: g, updateElem: e } }()), F = function() { F.i || (F.i = !0, E._(), D._()) }; return c = { cfg: d, autoSizer: E, loader: D, init: F, uP: w, aC: s, rC: t, hC: r, fire: v, gW: y, rAF: z } } }))
diff --git a/static/styles/main.min.css b/static/styles/main.min.css
deleted file mode 100644
index f5ba3cf..0000000
--- a/static/styles/main.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Rubik|Bitter");.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.container{margin-right:auto;margin-left:auto}.row{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-webkit-flex-basis:41.66666667%;-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-webkit-flex-basis:58.33333333%;-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-webkit-flex-basis:66.66666667%;-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-webkit-flex-basis:75%;-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-webkit-flex-basis:83.33333333%;-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-webkit-flex-basis:91.66666667%;-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.around-xs{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-order:-1;-ms-flex-order:-1;order:-1}.last-xs{-webkit-order:1;-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:49rem}.col-sm{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:41.66666667%;-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:58.33333333%;-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:66.66666667%;-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:75%;-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:83.33333333%;-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:91.66666667%;-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:0}.col-sm-offset-1{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:8.33333333%}.col-sm-offset-2{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:16.66666667%}.col-sm-offset-3{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:25%}.col-sm-offset-4{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:33.33333333%}.col-sm-offset-5{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:41.66666667%}.col-sm-offset-6{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:50%}.col-sm-offset-7{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:58.33333333%}.col-sm-offset-8{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:66.66666667%}.col-sm-offset-9{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:75%}.col-sm-offset-10{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:83.33333333%}.col-sm-offset-11{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:91.66666667%}.col-sm-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.start-sm{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.around-sm{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-order:-1;-ms-flex-order:-1;order:-1}.last-sm{-webkit-order:1;-ms-flex-order:1;order:1}}@media only screen and (min-width: 64em){.container{width:65rem}.col-md{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:41.66666667%;-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:58.33333333%;-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:66.66666667%;-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:75%;-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:83.33333333%;-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:91.66666667%;-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:0}.col-md-offset-1{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:8.33333333%}.col-md-offset-2{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:16.66666667%}.col-md-offset-3{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:25%}.col-md-offset-4{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:33.33333333%}.col-md-offset-5{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:41.66666667%}.col-md-offset-6{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:50%}.col-md-offset-7{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:58.33333333%}.col-md-offset-8{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:66.66666667%}.col-md-offset-9{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:75%}.col-md-offset-10{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:83.33333333%}.col-md-offset-11{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:91.66666667%}.col-md-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.start-md{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.around-md{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-order:-1;-ms-flex-order:-1;order:-1}.last-md{-webkit-order:1;-ms-flex-order:1;order:1}}@media only screen and (min-width: 75em){.container{width:76rem}.col-lg{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:8.33333333%;-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:16.66666667%;-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:33.33333333%;-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:41.66666667%;-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:58.33333333%;-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:66.66666667%;-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:75%;-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:83.33333333%;-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:91.66666667%;-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:0}.col-lg-offset-1{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:8.33333333%}.col-lg-offset-2{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:16.66666667%}.col-lg-offset-3{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:25%}.col-lg-offset-4{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:33.33333333%}.col-lg-offset-5{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:41.66666667%}.col-lg-offset-6{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:50%}.col-lg-offset-7{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:58.33333333%}.col-lg-offset-8{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:66.66666667%}.col-lg-offset-9{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:75%}.col-lg-offset-10{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:83.33333333%}.col-lg-offset-11{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem;margin-left:91.66666667%}.col-lg-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.start-lg{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.around-lg{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-order:-1;-ms-flex-order:-1;order:-1}.last-lg{-webkit-order:1;-ms-flex-order:1;order:1}}.col.reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}h1{font-size:2.961rem}@media (max-width: 48em){h1{font-size:2.441rem}}@media (max-width: 25em){h1{font-size:2.148rem}}h2{font-size:2.221rem}@media (max-width: 48em){h2{font-size:1.953em}}@media (max-width: 25em){h2{font-size:1.719rem}}h3{font-size:1.666rem}@media (max-width: 48em){h3{font-size:1.563rem}}@media (max-width: 25em){h3{font-size:1.375rem}}@-webkit-keyframes blink{from,to{color:transparent}50%{color:#212121}}@keyframes blink{from,to{color:transparent}50%{color:#212121}}@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:1}}@keyframes scale-out-center{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:1}}.cursor{-webkit-animation:1s blink step-end infinite;animation:1s blink step-end infinite}.scale-in-center{-webkit-animation:scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation:scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.scale-out-center{-webkit-animation:scale-out-center 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) both;animation:scale-out-center 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) both}*{box-sizing:border-box;margin:0;padding:0;border:0;color:#212121;font:inherit;vertical-align:baseline}*::before,*::after{box-sizing:border-box}html{box-sizing:inherit;overflow-x:hidden}body{font-size:1.25rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:100vh;color:#212121;font-family:"Rubik","Poppins","Hel­vetica",Arial,sans-serif;line-height:1.6}@media (max-width: 48em){body{font-size:1.25rem}}@media (max-width: 25em){body{font-size:1.1rem}}header{height:100vh;background-color:#fff}header div{z-index:101}header img{max-height:12rem}header h1{font-family:"Rubik","Poppins","Hel­vetica",Arial,sans-serif}footer{height:12rem;background-color:#212121}footer div,footer a{color:#fff}strong{font-weight:600}del,s{text-decoration:line-through}em,q,dfn{font-style:italic}a{transition:color .2s ease-out;text-decoration:none}a img{border:0}a:hover{color:#DA784D}pre{margin-top:0;margin-bottom:2rem;padding:16px;overflow:auto;background-color:#F7F7F7;font:12px "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;font-family:"Menlo","Monaco","Andale Mono","lucida console","Courier New",monospace;font-size:85%;line-height:1.45;word-wrap:normal}pre>code{margin:0;padding:0;border:0;background:transparent;font-size:100%;word-break:normal;white-space:pre}pre code{display:inline;margin:0;padding:0;overflow:visible;border:0;background-color:transparent;line-height:inherit;word-wrap:normal}pre code::before,pre code::after{content:normal}code{padding:4px;background-color:#F7F7F7;font-family:"Menlo","Monaco","Andale Mono","lucida console","Courier New",monospace;font-size:90%}.sans{font-family:"Open Sans", "Myriad Pro", "Myriad", sans-serif}.mono,tt{font-family:"Menlo","Monaco","Andale Mono","lucida console","Courier New",monospace}q::before{content:"\201C"}q::after{content:"\201D"}blockquote::before,blockquote::after{content:"\201C";color:#DA784D;font-family:"Bitter","Roboto Slab","Cambria",Georgia,serif;font-size:35px}blockquote{padding:25px;font-family:"Bitter","Roboto Slab","Cambria",Georgia,serif;text-align:center}blockquote p{display:inline-block;font-style:italic}blockquote::after{content:"\201D"}img{display:inline-block;max-width:100%;vertical-align:middle}ul,ol{margin-bottom:2rem}ul li,ol li{margin-left:1.25em}ul li code,ol li code{font-family:"Menlo","Monaco","Andale Mono","lucida console","Courier New",monospace}ul li{list-style-type:disc}.show{transition:opacity 600ms}.hide{opacity:0}.modal{display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:hidden;position:fixed;z-index:-1000;top:0;left:0;width:100%;height:100%;overflow:hidden;overflow-x:hidden;transition:opacity .2s ease-out;background-color:rgba(33,33,33,0.75)}.modal.active{visibility:visible;z-index:1000}.modal-box{position:relative;width:80%;max-width:1000px;max-height:80vh;margin:auto;border-radius:3px;background-color:#F7F7F7;box-shadow:0 0 50px 0 #212121}.modal-container{overflow:hidden;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.modal-header{height:20vh;border-top-left-radius:3px;border-top-right-radius:3px}.modal-header-img-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:40px}.modal-header-img-container img{max-height:100%}.modal-content{max-height:calc(80vh - 20vh);padding:30px;overflow-y:auto}.close{position:absolute;top:-20px;right:-30px;color:#F7F7F7;font-size:30px;font-weight:bold;line-height:.5}.close:hover,.close:focus{color:#DA784D;text-decoration:none;cursor:pointer}.about{width:100%;background-color:#F7F7F7}.about p{font-size:1.666rem;margin-top:2rem}@media (max-width: 48em){.about p{font-size:1.563rem}}@media (max-width: 25em){.about p{font-size:1.375rem}}.about a{background-image:linear-gradient(#DA784D, #DA784D);background-repeat:repeat-x;background-position:0 95%;background-size:2px 3px;text-decoration:none;text-shadow:0.03em 0 #fff,-0.03em 0 #fff,0 0.03em #fff,0 -0.03em #fff,0.06em 0 #fff,-0.06em 0 #fff,0.09em 0 #fff,-0.09em 0 #fff,0.12em 0 #fff,-0.12em 0 #fff,0.15em 0 #fff,-0.15em 0 #fff,0.03em 0.075em #fff,-0.03em 0.075em #fff,0.06em 0.075em #fff,-0.06em 0.075em #fff,0.09em 0.075em #fff,-0.09em 0.075em #fff,0.12em 0.075em #fff,-0.12em 0.075em #fff,0.15em 0.075em #fff,-0.15em 0.075em #fff}.about a:hover{color:#DA784D}.gallery .gallery-item{position:relative;width:50%;padding:0}.gallery .gallery-item::after{content:"";display:block;padding-bottom:100%}.gallery .gallery-item:hover .overlay{visibility:visible;opacity:1}.gallery .overlay{visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:.2s ease-out;opacity:0;background-color:#212121;cursor:pointer}.gallery .overlay a{color:#fff}.gallery .overlay a:hover{color:#DA784D}.gallery .overlay h2{margin:2rem;color:#fff}.gallery .gallery-img-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.gallery img{padding:6rem}.gallery .gallery-modal-link{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}@media (max-width: 48em){body .container{padding:8rem 2rem}nav div:not(:first-child):not(:last-child){display:none}nav div.nav-toggle a{display:inline-block}}@media (max-width: 25em){body .container{padding:8rem 2rem}nav div.logo,nav div.nav-toggle{max-width:50% !important}}nav{position:absolute;z-index:100;bottom:0;width:100%;height:4rem;background-color:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.4);text-align:center}nav h3{margin:0;font-family:"Rubik","Poppins","Hel­vetica",Arial,sans-serif;font-weight:600;letter-spacing:2px;text-transform:uppercase}nav img{display:inline-block;max-width:10em;max-height:2.5em;vertical-align:middle}nav div.logo,nav div.nav-toggle{visibility:hidden;max-width:none}nav .nav-toggle a{display:none}.nav-fixed{position:fixed;top:0;bottom:auto}.nav-full{position:fixed;top:0;right:-100vw;bottom:0;width:100vw;height:100%;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);transition:.25s ease-out;background-color:#212121}.nav-full a{color:#fff}.nav-full a:hover{color:#DA784D}.nav-full.active{-webkit-transform:translate(-100vw, 0);-ms-transform:translate(-100vw, 0);transform:translate(-100vw, 0)}main{transition:.25s ease-in;background-color:#fff}main.active{-webkit-transform:translate(-100vw, 0);-ms-transform:translate(-100vw, 0);transform:translate(-100vw, 0)}.container{max-width:43.75rem;margin:auto;padding:8rem 0 8rem}p{margin-bottom:2rem}p code{font-family:"Menlo","Monaco","Andale Mono","lucida console","Courier New",monospace}h1,h2,h3{margin-bottom:2rem;font-family:"Bitter","Roboto Slab","Cambria",Georgia,serif;letter-spacing:2px;line-height:1.45}h1 a,h2 a,h3 a{text-decoration:none}.home-logo{margin-bottom:2rem}.posts-list{margin:0 0 2rem}.sub-header,time{font-size:1.25rem;margin-bottom:2rem;color:#4E6B6C}@media (max-width: 48em){.sub-header,time{font-size:1.25rem}}@media (max-width: 25em){.sub-header,time{font-size:1.1rem}}.content{width:100%;text-align:left}.content time{margin-left:3px}.content a{background-image:linear-gradient(#DA784D, #DA784D);background-repeat:repeat-x;background-position:0 95%;background-size:1px 2px;text-decoration:none;text-shadow:0.03em 0 #fff,-0.03em 0 #fff,0 0.03em #fff,0 -0.03em #fff,0.06em 0 #fff,-0.06em 0 #fff,0.09em 0 #fff,-0.09em 0 #fff,0.12em 0 #fff,-0.12em 0 #fff,0.15em 0 #fff,-0.15em 0 #fff,0.03em 0.075em #fff,-0.03em 0.075em #fff,0.06em 0.075em #fff,-0.06em 0.075em #fff,0.09em 0.075em #fff,-0.09em 0.075em #fff,0.12em 0.075em #fff,-0.12em 0.075em #fff,0.15em 0.075em #fff,-0.15em 0.075em #fff}.content a:hover{color:#DA784D}.highlight{margin:10px 0}.pagination{margin:50px 0 0}.pagination:nth-child(2){float:right}.full{top:0;bottom:0;height:100vh}.blog{display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:100vh}.blog h2{margin-bottom:0}.blog h3{margin:0 0 4rem;font-family:"Rubik","Poppins","Hel­vetica",Arial,sans-serif}.contact{width:100%;padding-bottom:4rem;background-color:#F7F7F7}.contact form{margin-top:2rem}.contact .contact-submit{position:relative}.contact #form-submit{display:block;width:50%;margin:0 auto}.contact #form-thankyou{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}input,textarea{width:100%;margin:8px 0;padding:10px;border-width:1px;border-style:solid;border-radius:3px;border-color:#F7F7F7;background-color:#fff;color:#212121}input[type="submit"],textarea[type="submit"]{transition:.2s ease-out;background-color:#4E6B6C;color:#fff}input[type="submit"]:hover,textarea[type="submit"]:hover{background-color:#DA784D;color:#fff;cursor:pointer}textarea{min-height:8rem;overflow:auto}
diff --git a/static/styles/scss/_about.scss b/static/styles/scss/_about.scss
deleted file mode 100644
index faf4d67..0000000
--- a/static/styles/scss/_about.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.about {
-  width: 100%;
-  background-color: $smoke;
-
-  p {
-    @include size(h3);
-    margin-top: $vertical-rhythm;
-  }
-
-  a {
-    background-image: linear-gradient($accent, $accent);
-    background-repeat: repeat-x;
-    background-position: 0 95%;
-    background-size: 2px 3px;
-    text-decoration: none;
-    text-shadow: .03em 0 $white, -.03em 0 $white, 0 .03em $white, 0 -.03em $white,
-    .06em 0 $white, -.06em 0 $white, .09em 0 $white, -.09em 0 $white,
-    .12em 0 $white, -.12em 0 $white, .15em 0 $white, -.15em 0 $white,
-    .03em .075em $white, -.03em .075em $white, .06em .075em $white,
-    -.06em .075em $white, .09em .075em $white, -.09em .075em $white,
-    .12em .075em $white, -.12em .075em $white, .15em .075em $white,
-    -.15em .075em $white;
-
-    &:hover {
-      color: $accent;
-    }
-  }
-}
diff --git a/static/styles/scss/_animation.scss b/static/styles/scss/_animation.scss
deleted file mode 100644
index e998cc8..0000000
--- a/static/styles/scss/_animation.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-@keyframes blink {
-  from,
-  to {
-    color: transparent;
-  }
-
-  50% {
-    color: $black;
-  }
-}
-
-@keyframes scale-in-center {
-  0% {
-    transform: scale(0);
-    opacity: 1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes scale-out-center {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-
-  100% {
-    transform: scale(0);
-    opacity: 1;
-  }
-}
-
-.cursor {
-  animation: 1s blink step-end infinite;
-}
-
-.scale-in-center {
-  animation: scale-in-center .3s cubic-bezier(.25, .46, .45, .94) both;
-}
-
-.scale-out-center {
-  animation: scale-out-center .5s cubic-bezier(.895, .03, .685, .22) both;
-}
diff --git a/static/styles/scss/_base.scss b/static/styles/scss/_base.scss
deleted file mode 100644
index e35ffdc..0000000
--- a/static/styles/scss/_base.scss
+++ /dev/null
@@ -1,162 +0,0 @@
-// Font styles
-strong {
-  font-weight: 600;
-}
-
-del,
-s {
-  text-decoration: line-through;
-}
-
-em,
-dfn {
-  font-style: italic;
-}
-
-a {
-  transition: color .2s ease-out;
-  text-decoration: none;
-
-  img {
-    border: 0;
-  }
-
-  &:hover {
-    color: $accent;
-  }
-}
-
-
-// Code
-pre {
-  margin-top: 0;
-  margin-bottom: $vertical-rhythm;
-  padding: 16px;
-  overflow: auto;
-  background-color: $smoke;
-  font: 12px "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
-  font-family: $font-code;
-  font-size: 85%;
-  line-height: 1.45;
-  word-wrap: normal;
-
-  & > code {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    background: transparent;
-    font-size: 100%;
-    word-break: normal;
-    white-space: pre;
-  }
-
-  code {
-    display: inline;
-    margin: 0;
-    padding: 0;
-    overflow: visible;
-    border: 0;
-    background-color: transparent;
-    line-height: inherit;
-    word-wrap: normal;
-
-    &::before,
-    &::after {
-      content: normal;
-    }
-  }
-}
-
-code {
-  padding: 4px;
-  background-color: $smoke;
-  font-family: $font-code;
-  font-size: 90%;
-}
-
-.sans {
-  font-family: "Open Sans", "Myriad Pro", "Myriad", sans-serif;
-}
-
-.mono,
-tt {
-  font-family: $font-code;
-}
-
-
-// Quotes
-q {
-  @extend em;
-
-  &::before {
-    content: "\201C";
-  }
-
-  &::after {
-    content: "\201D";
-  }
-}
-
-%blockquote {
-  content: "\201C";
-  color: $accent;
-  font-family: $font-header;
-  font-size: 35px;
-}
-
-blockquote {
-  padding: 25px;
-  font-family: $font-header;
-  text-align: center;
-
-  p {
-    display: inline-block;
-    font-style: italic;
-  }
-
-  &::before {
-    @extend %blockquote;
-  }
-
-  &::after {
-    @extend %blockquote;
-    content: "\201D";
-  }
-}
-
-
-// Images
-img {
-  display: inline-block;
-  max-width: 100%;
-  vertical-align: middle;
-}
-
-
-// Lists
-ul,
-ol {
-  margin-bottom: $vertical-rhythm;
-
-  li {
-    margin-left: 1.25em;
-
-    code {
-      font-family: $font-code;
-    }
-  }
-}
-
-ul li {
-  list-style-type: disc;
-}
-
-
-// Show or hide elements
-.show {
-  transition: opacity 600ms;
-}
-
-.hide {
-  opacity: 0;
-}
diff --git a/static/styles/scss/_colors.scss b/static/styles/scss/_colors.scss
deleted file mode 100644
index 4f47367..0000000
--- a/static/styles/scss/_colors.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// https://coolors.co/1e1e1e-4e6b6c-f7f7f7-ffffff-da784d
-
-$black: #212121;
-$storm: #4E6B6C;
-$smoke: #F7F7F7;
-$accent: #DA784D;
-$white: #FFFFFF;
diff --git a/static/styles/scss/_flexboxgrid.scss b/static/styles/scss/_flexboxgrid.scss
deleted file mode 100644
index 4595efe..0000000
--- a/static/styles/scss/_flexboxgrid.scss
+++ /dev/null
@@ -1,882 +0,0 @@
-//column-base selectors
-//.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12
-%column-base {
-  box-sizing: border-box;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-.container-fluid {
-  margin-right: auto;
-  margin-left: auto;
-  padding-right: 2rem;
-  padding-left: 2rem;
-}
-.container {
-  margin-right: auto;
-  margin-left: auto;
-}
-.row {
-  box-sizing: border-box;
-  display: flex;
-  flex: 0 1 auto;
-  flex-direction: row;
-  flex-wrap: wrap;
-  // margin-right: -0.5rem;
-  // margin-left: -0.5rem;
-  &.reverse {
-    flex-direction: row-reverse;
-  }
-}
-.col-xs {
-  @extend %column-base;
-  flex-grow: 1;
-  flex-basis: 0;
-  max-width: 100%;
-}
-.col-xs-1 {
-  @extend %column-base;
-  flex-basis: 8.33333333%;
-  max-width: 8.33333333%;
-}
-.col-xs-2 {
-  @extend %column-base;
-  flex-basis: 16.66666667%;
-  max-width: 16.66666667%;
-}
-.col-xs-3 {
-  @extend %column-base;
-  flex-basis: 25%;
-  max-width: 25%;
-}
-.col-xs-4 {
-  @extend %column-base;
-  flex-basis: 33.33333333%;
-  max-width: 33.33333333%;
-}
-.col-xs-5 {
-  @extend %column-base;
-  flex-basis: 41.66666667%;
-  max-width: 41.66666667%;
-}
-.col-xs-6 {
-  @extend %column-base;
-  flex-basis: 50%;
-  max-width: 50%;
-}
-.col-xs-7 {
-  @extend %column-base;
-  flex-basis: 58.33333333%;
-  max-width: 58.33333333%;
-}
-.col-xs-8 {
-  @extend %column-base;
-  flex-basis: 66.66666667%;
-  max-width: 66.66666667%;
-}
-.col-xs-9 {
-  @extend %column-base;
-  flex-basis: 75%;
-  max-width: 75%;
-}
-.col-xs-10 {
-  @extend %column-base;
-  flex-basis: 83.33333333%;
-  max-width: 83.33333333%;
-}
-.col-xs-11 {
-  @extend %column-base;
-  flex-basis: 91.66666667%;
-  max-width: 91.66666667%;
-}
-.col-xs-12 {
-  @extend %column-base;
-  flex-basis: 100%;
-  max-width: 100%;
-}
-.col-xs-offset-0 {
-  @extend %column-base;
-  margin-left: 0;
-}
-.col-xs-offset-1 {
-  @extend %column-base;
-  margin-left: 8.33333333%;
-}
-.col-xs-offset-2 {
-  @extend %column-base;
-  margin-left: 16.66666667%;
-}
-.col-xs-offset-3 {
-  @extend %column-base;
-  margin-left: 25%;
-}
-.col-xs-offset-4 {
-  @extend %column-base;
-  margin-left: 33.33333333%;
-}
-.col-xs-offset-5 {
-  @extend %column-base;
-  margin-left: 41.66666667%;
-}
-.col-xs-offset-6 {
-  @extend %column-base;
-  margin-left: 50%;
-}
-.col-xs-offset-7 {
-  @extend %column-base;
-  margin-left: 58.33333333%;
-}
-.col-xs-offset-8 {
-  @extend %column-base;
-  margin-left: 66.66666667%;
-}
-.col-xs-offset-9 {
-  @extend %column-base;
-  margin-left: 75%;
-}
-.col-xs-offset-10 {
-  @extend %column-base;
-  margin-left: 83.33333333%;
-}
-.col-xs-offset-11 {
-  @extend %column-base;
-  margin-left: 91.66666667%;
-}
-.col-xs-offset-12 {
-  @extend %column-base;
-}
-.start-xs {
-  justify-content: flex-start;
-  text-align: start;
-}
-.center-xs {
-  justify-content: center;
-  text-align: center;
-}
-.end-xs {
-  justify-content: flex-end;
-  text-align: end;
-}
-.top-xs {
-  align-items: flex-start;
-}
-.middle-xs {
-  align-items: center;
-}
-.bottom-xs {
-  align-items: flex-end;
-}
-.around-xs {
-  justify-content: space-around;
-}
-.between-xs {
-  justify-content: space-between;
-}
-.first-xs {
-  order: -1;
-}
-.last-xs {
-  order: 1;
-}
-@media only screen and(min-width: 48em) {
-  .container {
-    width: 49rem;
-  }
-  .col-sm {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-sm-1 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 8.33333333%;
-    max-width: 8.33333333%;
-  }
-  .col-sm-2 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 16.66666667%;
-    max-width: 16.66666667%;
-  }
-  .col-sm-3 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-sm-4 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 33.33333333%;
-    max-width: 33.33333333%;
-  }
-  .col-sm-5 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 41.66666667%;
-    max-width: 41.66666667%;
-  }
-  .col-sm-6 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-sm-7 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 58.33333333%;
-    max-width: 58.33333333%;
-  }
-  .col-sm-8 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 66.66666667%;
-    max-width: 66.66666667%;
-  }
-  .col-sm-9 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-sm-10 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 83.33333333%;
-    max-width: 83.33333333%;
-  }
-  .col-sm-11 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 91.66666667%;
-    max-width: 91.66666667%;
-  }
-  .col-sm-12 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .col-sm-offset-0 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 0;
-  }
-  .col-sm-offset-1 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 8.33333333%;
-  }
-  .col-sm-offset-2 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 16.66666667%;
-  }
-  .col-sm-offset-3 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 25%;
-  }
-  .col-sm-offset-4 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 33.33333333%;
-  }
-  .col-sm-offset-5 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 41.66666667%;
-  }
-  .col-sm-offset-6 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 50%;
-  }
-  .col-sm-offset-7 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 58.33333333%;
-  }
-  .col-sm-offset-8 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 66.66666667%;
-  }
-  .col-sm-offset-9 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 75%;
-  }
-  .col-sm-offset-10 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 83.33333333%;
-  }
-  .col-sm-offset-11 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 91.66666667%;
-  }
-  .col-sm-offset-12 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .start-sm {
-    justify-content: flex-start;
-    text-align: start;
-  }
-  .center-sm {
-    justify-content: center;
-    text-align: center;
-  }
-  .end-sm {
-    justify-content: flex-end;
-    text-align: end;
-  }
-  .top-sm {
-    align-items: flex-start;
-  }
-  .middle-sm {
-    align-items: center;
-  }
-  .bottom-sm {
-    align-items: flex-end;
-  }
-  .around-sm {
-    justify-content: space-around;
-  }
-  .between-sm {
-    justify-content: space-between;
-  }
-  .first-sm {
-    order: -1;
-  }
-  .last-sm {
-    order: 1;
-  }
-}
-@media only screen and(min-width: 64em) {
-  .container {
-    width: 65rem;
-  }
-  .col-md {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-md-1 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 8.33333333%;
-    max-width: 8.33333333%;
-  }
-  .col-md-2 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 16.66666667%;
-    max-width: 16.66666667%;
-  }
-  .col-md-3 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-md-4 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 33.33333333%;
-    max-width: 33.33333333%;
-  }
-  .col-md-5 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 41.66666667%;
-    max-width: 41.66666667%;
-  }
-  .col-md-6 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-md-7 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 58.33333333%;
-    max-width: 58.33333333%;
-  }
-  .col-md-8 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 66.66666667%;
-    max-width: 66.66666667%;
-  }
-  .col-md-9 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-md-10 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 83.33333333%;
-    max-width: 83.33333333%;
-  }
-  .col-md-11 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 91.66666667%;
-    max-width: 91.66666667%;
-  }
-  .col-md-12 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .col-md-offset-0 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 0;
-  }
-  .col-md-offset-1 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 8.33333333%;
-  }
-  .col-md-offset-2 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 16.66666667%;
-  }
-  .col-md-offset-3 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 25%;
-  }
-  .col-md-offset-4 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 33.33333333%;
-  }
-  .col-md-offset-5 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 41.66666667%;
-  }
-  .col-md-offset-6 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 50%;
-  }
-  .col-md-offset-7 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 58.33333333%;
-  }
-  .col-md-offset-8 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 66.66666667%;
-  }
-  .col-md-offset-9 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 75%;
-  }
-  .col-md-offset-10 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 83.33333333%;
-  }
-  .col-md-offset-11 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 91.66666667%;
-  }
-  .col-md-offset-12 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .start-md {
-    justify-content: flex-start;
-    text-align: start;
-  }
-  .center-md {
-    justify-content: center;
-    text-align: center;
-  }
-  .end-md {
-    justify-content: flex-end;
-    text-align: end;
-  }
-  .top-md {
-    align-items: flex-start;
-  }
-  .middle-md {
-    align-items: center;
-  }
-  .bottom-md {
-    align-items: flex-end;
-  }
-  .around-md {
-    justify-content: space-around;
-  }
-  .between-md {
-    justify-content: space-between;
-  }
-  .first-md {
-    order: -1;
-  }
-  .last-md {
-    order: 1;
-  }
-}
-@media only screen and(min-width: 75em) {
-  .container {
-    width: 76rem;
-  }
-  .col-lg {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-grow: 1;
-    flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-lg-1 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 8.33333333%;
-    max-width: 8.33333333%;
-  }
-  .col-lg-2 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 16.66666667%;
-    max-width: 16.66666667%;
-  }
-  .col-lg-3 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-lg-4 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 33.33333333%;
-    max-width: 33.33333333%;
-  }
-  .col-lg-5 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 41.66666667%;
-    max-width: 41.66666667%;
-  }
-  .col-lg-6 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-lg-7 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 58.33333333%;
-    max-width: 58.33333333%;
-  }
-  .col-lg-8 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 66.66666667%;
-    max-width: 66.66666667%;
-  }
-  .col-lg-9 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-lg-10 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 83.33333333%;
-    max-width: 83.33333333%;
-  }
-  .col-lg-11 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 91.66666667%;
-    max-width: 91.66666667%;
-  }
-  .col-lg-12 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-  .col-lg-offset-0 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 0;
-  }
-  .col-lg-offset-1 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 8.33333333%;
-  }
-  .col-lg-offset-2 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 16.66666667%;
-  }
-  .col-lg-offset-3 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 25%;
-  }
-  .col-lg-offset-4 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 33.33333333%;
-  }
-  .col-lg-offset-5 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 41.66666667%;
-  }
-  .col-lg-offset-6 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 50%;
-  }
-  .col-lg-offset-7 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 58.33333333%;
-  }
-  .col-lg-offset-8 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 66.66666667%;
-  }
-  .col-lg-offset-9 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 75%;
-  }
-  .col-lg-offset-10 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 83.33333333%;
-  }
-  .col-lg-offset-11 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: 91.66666667%;
-  }
-  .col-lg-offset-12 {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-  }
-  .start-lg {
-    justify-content: flex-start;
-    text-align: start;
-  }
-  .center-lg {
-    justify-content: center;
-    text-align: center;
-  }
-  .end-lg {
-    justify-content: flex-end;
-    text-align: end;
-  }
-  .top-lg {
-    align-items: flex-start;
-  }
-  .middle-lg {
-    align-items: center;
-  }
-  .bottom-lg {
-    align-items: flex-end;
-  }
-  .around-lg {
-    justify-content: space-around;
-  }
-  .between-lg {
-    justify-content: space-between;
-  }
-  .first-lg {
-    order: -1;
-  }
-  .last-lg {
-    order: 1;
-  }
-}
-.col.reverse {
-  flex-direction: column-reverse;
-}
diff --git a/static/styles/scss/_gallery.scss b/static/styles/scss/_gallery.scss
deleted file mode 100644
index 29a00a4..0000000
--- a/static/styles/scss/_gallery.scss
+++ /dev/null
@@ -1,70 +0,0 @@
-.gallery {
-  .gallery-item {
-    position: relative;
-    width: 50%;
-    padding: 0;
-
-    &::after {
-      content: "";
-      display: block;
-      padding-bottom: 100%;
-    }
-
-    &:hover {
-      .overlay {
-        visibility: visible;
-        opacity: 1;
-      }
-    }
-  }
-
-  .overlay {
-    visibility: hidden;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    transition: .2s ease-out;
-    opacity: 0;
-    background-color: $black;
-    cursor: pointer;
-
-    a {
-      color: $white;
-
-      &:hover {
-        color: $accent;
-      }
-    }
-
-    h2 {
-      margin: $vertical-rhythm;
-      color: $white;
-    }
-  }
-
-  .gallery-img-container {
-    display: flex;
-    position: absolute;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-  }
-
-  img {
-    padding: $vertical-rhythm * 3;
-  }
-
-  .gallery-modal-link {
-    display: flex;
-    position: absolute;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-  }
-}
diff --git a/static/styles/scss/_layout.scss b/static/styles/scss/_layout.scss
deleted file mode 100644
index bed033b..0000000
--- a/static/styles/scss/_layout.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  color: $black;
-  font: inherit;
-  vertical-align: baseline;
-
-  &::before,
-  &::after {
-    box-sizing: border-box;
-  }
-}
-
-html {
-  box-sizing: inherit;
-  overflow-x: hidden;
-}
-
-body {
-  @include size(p);
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  min-height: 100vh;
-  color: $black;
-  font-family: $font-body;
-  line-height: $base-line-height;
-}
-
-header {
-  height: 100vh;
-  background-color: $white;
-
-  div {
-    z-index: 101;
-  }
-
-  img {
-    max-height: $vertical-rhythm * 6;
-  }
-
-  h1 {
-    font-family: $font-body;
-  }
-}
-
-footer {
-  height: $vertical-rhythm * 6;
-  background-color: $black;
-
-  div,
-  a {
-    color: $white;
-  }
-}
diff --git a/static/styles/scss/_modal.scss b/static/styles/scss/_modal.scss
deleted file mode 100644
index 9b70fda..0000000
--- a/static/styles/scss/_modal.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-.modal {
-  display: flex;
-  visibility: hidden;
-  position: fixed;
-  z-index: -1000;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  overflow-x: hidden;
-  transition: opacity .2s ease-out;
-  // opacity: 0;
-  background-color: rgba(33, 33, 33, .75);
-
-  &.active {
-    visibility: visible;
-    z-index: 1000;
-    // opacity: 1;
-  }
-}
-
-.modal-box {
-  position: relative;
-  width: 80%;
-  max-width: 1000px;
-  max-height: 80vh;
-  margin: auto;
-  border-radius: 3px;
-  background-color: $smoke;
-  box-shadow: 0 0 50px 0 rgba(33, 33, 33, 1);
-}
-
-.modal-container {
-  overflow: hidden;
-  border-bottom-left-radius: inherit;
-  border-bottom-right-radius: inherit;
-}
-
-.modal-header {
-  height: 20vh;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-}
-
-.modal-header-img-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: 40px;
-
-  img {
-    max-height: 100%;
-  }
-}
-
-.modal-content {
-  max-height: calc(80vh - 20vh);
-  padding: 30px;
-  overflow-y: auto;
-}
-
-.close {
-  position: absolute;
-  top: -20px;
-  right: -30px;
-  color: $smoke;
-  font-size: 30px;
-  font-weight: bold;
-  line-height: .5;
-
-  &:hover,
-  &:focus {
-    color: $accent;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}
diff --git a/static/styles/scss/_typography.scss b/static/styles/scss/_typography.scss
deleted file mode 100644
index 1667d20..0000000
--- a/static/styles/scss/_typography.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-$font-header: "Bitter", "Roboto Slab", "Cambria", Georgia, serif;
-$font-body: "Rubik", "Poppins", "Hel­vetica", Arial, sans-serif;
-$font-code: "Menlo", "Monaco", "Andale Mono", "lucida console", "Courier New", monospace;
-
-// Modular font scale
-// Large: http://www.modularscale.com/?1.25&em&1.333&web&text
-// Medium: http://www.modularscale.com/?1.25&em&1.25&web&text
-// SMall: http://www.modularscale.com/?1.1&em&1.25&web&text
-
-$font-scale-large: (
-  h1: 2.961rem,
-  h2: 2.221rem,
-  h3: 1.666rem,
-  p: 1.25rem
-);
-
-$font-scale-medium: (
-  h1: 2.441rem,
-  h2: 1.953em,
-  h3: 1.563rem,
-  p: 1.25rem,
-);
-
-$font-scale-small: (
-  h1: 2.148rem,
-  h2: 1.719rem,
-  h3: 1.375rem,
-  p: 1.1rem
-);
-
-$base-line-height: 1.6;
-$base-font-size: 1.25rem; // 20px
-$vertical-rhythm: $base-line-height * $base-font-size; // 2.125em or 34px
-
-$breakpoint-medium: 49.99em; // 768px
-$breakpoint-small: 25em; // 400px
-
-@mixin size($level) {
-  font-size: map-get($font-scale-large, $level);
-  @media (max-width: $breakpoint-medium) {
-    font-size: map-get($font-scale-medium, $level);
-  }
-  @media (max-width: $breakpoint-small) {
-    font-size: map-get($font-scale-small, $level);
-  }
-}
-
-h1 {
-  @include size(h1);
-}
-
-h2 {
-  @include size(h2);
-}
-
-h3 {
-  @include size(h3);
-}
diff --git a/static/styles/scss/main.scss b/static/styles/scss/main.scss
deleted file mode 100644
index 209413e..0000000
--- a/static/styles/scss/main.scss
+++ /dev/null
@@ -1,273 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Rubik|Bitter");
-@import "flexboxgrid";
-@import "colors";
-@import "typography";
-@import "animation";
-@import "layout";
-@import "base";
-@import "modal";
-@import "about";
-@import "gallery";
-
-@media (max-width: 47.99em) {
-  body .container {
-    padding: $vertical-rhythm * 4 $vertical-rhythm;
-  }
-
-  nav {
-    // Hide menu links between logo and hamburger menu
-    div:not(:first-child):not(:last-child) {
-      display: none;
-    }
-
-    div.nav-toggle a {
-      display: inline-block;
-    }
-  }
-}
-
-@media (max-width: 25em) {
-  body .container {
-    padding: $vertical-rhythm * 4 $vertical-rhythm;
-  }
-
-  nav {
-    div.logo,
-    div.nav-toggle {
-      max-width: 50% !important;
-    }
-  }
-}
-
-nav {
-  position: absolute;
-  z-index: 100;
-  bottom: 0;
-  width: 100%;
-  height: $vertical-rhythm * 2;
-  background-color: $white;
-  box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
-  text-align: center;
-
-  h3 {
-    margin: 0;
-    font-family: $font-body;
-    font-weight: 600;
-    letter-spacing: 2px;
-    text-transform: uppercase;
-  }
-
-  img {
-    display: inline-block;
-    max-width: 10em;
-    max-height: 2.5em;
-    vertical-align: middle;
-  }
-
-  .logo,
-  .nav-toggle {
-    visibility: hidden;
-  }
-
-  .nav-toggle a {
-    display: none;
-  }
-}
-
-.nav-fixed {
-  position: fixed;
-  top: 0;
-  bottom: auto;
-}
-
-.nav-full {
-  position: fixed;
-  top: 0;
-  right: -100vw;
-  bottom: 0;
-  width: 100vw;
-  height: 100%;
-  transform: translate(0, 0);
-  transition: .25s ease-out;
-  background-color: $black;
-
-  a {
-    color: $white;
-
-    &:hover {
-      color: $accent;
-    }
-  }
-}
-
-.nav-full.active {
-  transform: translate(-100vw, 0);
-}
-
-main {
-  transition: .25s ease-in;
-  background-color: $white;
-
-  &.active {
-    transform: translate(-100vw, 0);
-  }
-}
-
-.container {
-  max-width: 43.75rem; // 700px
-  margin: auto;
-  padding: $vertical-rhythm * 4 0 $vertical-rhythm * 4;
-}
-
-p {
-  margin-bottom: $vertical-rhythm;
-
-  code {
-    font-family: $font-code;
-  }
-}
-
-h1,
-h2,
-h3 {
-  margin-bottom: $vertical-rhythm;
-  font-family: $font-header;
-  letter-spacing: 2px;
-  line-height: 1.45;
-
-  a {
-    text-decoration: none;
-  }
-}
-
-.home-logo {
-  margin-bottom: $vertical-rhythm;
-}
-
-.posts-list {
-  margin: 0 0 $vertical-rhythm;
-}
-
-.sub-header,
-time {
-  @include size(p);
-  margin-bottom: $vertical-rhythm;
-  color: $storm;
-}
-
-.content {
-  width: 100%;
-  text-align: left;
-
-  time {
-    margin-left: 3px;
-  }
-
-  a {
-    background-image: linear-gradient($accent, $accent);
-    background-repeat: repeat-x;
-    background-position: 0 95%;
-    background-size: 1px 2px;
-    text-decoration: none;
-    text-shadow: .03em 0 $white, -.03em 0 $white, 0 .03em $white, 0 -.03em $white,
-    .06em 0 $white, -.06em 0 $white, .09em 0 $white, -.09em 0 $white,
-    .12em 0 $white, -.12em 0 $white, .15em 0 $white, -.15em 0 $white,
-    .03em .075em $white, -.03em .075em $white, .06em .075em $white,
-    -.06em .075em $white, .09em .075em $white, -.09em .075em $white,
-    .12em .075em $white, -.12em .075em $white, .15em .075em $white,
-    -.15em .075em $white;
-
-    &:hover {
-      color: $accent;
-    }
-  }
-}
-
-.highlight {
-  margin: 10px 0;
-}
-
-.pagination {
-  margin: 50px 0 0;
-
-  &:nth-child(2) {
-    float: right;
-  }
-}
-
-.full {
-  top: 0;
-  bottom: 0;
-  height: 100vh;
-}
-
-.blog {
-  display: flex;
-  min-height: 100vh;
-
-  h2 {
-    margin-bottom: 0;
-  }
-
-  h3 {
-    margin: 0 0 $vertical-rhythm * 2;
-    font-family: $font-body;
-  }
-}
-
-.contact {
-  width: 100%;
-  padding-bottom: $vertical-rhythm * 2;
-  background-color: $smoke;
-
-  form {
-    margin-top: $vertical-rhythm;
-  }
-
-  .contact-submit {
-    position: relative;
-  }
-
-  #form-submit {
-    display: block;
-    width: 50%;
-    margin: 0 auto;
-  }
-
-  #form-thankyou {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-
-input {
-  width: 100%;
-  margin: 8px 0;
-  padding: 10px;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 3px;
-  border-color: $smoke;
-  background-color: $white;
-  color: $black;
-
-  &[type="submit"] {
-    transition: .2s ease-out;
-    background-color: $storm;
-    color: $white;
-
-    &:hover {
-      background-color: $accent;
-      color: $white;
-      cursor: pointer;
-    }
-  }
-}
-
-textarea {
-  @extend input;
-  min-height: $vertical-rhythm * 4;
-  overflow: auto;
-}