diff --git a/styling/footer.css b/styling/footer.css
new file mode 100644
index 0000000000000000000000000000000000000000..144223ad60230270629a472c4c47e31d7f58d117
--- /dev/null
+++ b/styling/footer.css
@@ -0,0 +1,8 @@
+.footer-description {
+    color: rgb(173, 173, 173);
+}
+
+footer {
+    /* The footer was just touching the bottom of the screen, so let's add some more space. */
+    margin-bottom: 20px;
+}
\ No newline at end of file
diff --git a/styling/header.css b/styling/header.css
new file mode 100644
index 0000000000000000000000000000000000000000..741da7a0c65be523ecd95c7ee8f9b6c5460c3775
--- /dev/null
+++ b/styling/header.css
@@ -0,0 +1,52 @@
+.header-nav {
+    font-weight: light;
+}
+
+.header-list {
+    margin: 0;
+    padding-left: 0;
+    display: inline-block;
+}
+
+.header-list > li {
+    display: inline-block;
+}
+
+.header-list > li:not(:last-child) {
+    margin-right: 30px;
+}
+
+.header-list a {
+    color: inherit;
+    text-decoration: none;
+}
+
+.header-nav {
+    padding: 20px;
+    border-left: 10px solid #6D6875;
+  }
+  
+  ul.header-list * {
+    font-size: 20px;
+  }
+
+.header-list * {
+    font-weight: lighter;
+}
+
+.header-brand {
+    font-size: 20px;
+    color: #E5989B;
+    text-decoration: none;
+    float: right;
+}
+
+@media screen and (max-width: 600px) {
+    .header-list > li {
+        display: block;
+    }
+
+    .header-list > li:not(:last-child) {
+        margin-bottom: 15px;
+    }
+}
\ No newline at end of file
diff --git a/styling/home.css b/styling/home.css
new file mode 100644
index 0000000000000000000000000000000000000000..8668d44bf8dd7218a80d27370be4abe7acb56ed9
--- /dev/null
+++ b/styling/home.css
@@ -0,0 +1,18 @@
+.post-item-date {
+    margin: 0;
+    color: #adadad;
+}
+
+.post-item-title {
+    margin-bottom: 2px;
+}
+
+.post-item-link, .post-item-link * {
+    margin-bottom: 2px;
+    padding-bottom: 0;
+}
+
+.post-item-date {
+    margin-top: 0;
+    padding-top: 0;
+}
\ No newline at end of file
diff --git a/styling/main.css b/styling/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..730e0f11e0db4d5def5002933c300a2737282740
--- /dev/null
+++ b/styling/main.css
@@ -0,0 +1,96 @@
+body {
+  font-family: monospace;
+  text-align: left;
+  padding: 50px 20px 0;
+  background: #212121;
+  color: #e7e7e7;
+  margin: 0;
+  max-width: 900px;
+  margin: auto;
+  height: 90%;
+}
+
+.container {
+  font-size: 18px;
+  line-height: 2;
+  letter-spacing: 10;
+}
+
+.container a {
+  color: #E5989B;
+}
+
+html {
+  height: 100%;
+}
+
+h1 {
+  font-size: 65px;
+  line-height: 1.2em;
+  font-weight: 800;
+  border-bottom: #414141 solid 1px;
+  padding: 20px 0;
+  color: #FFB4A2;
+  text-shadow: 4px 4px 0px #6D6875;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: Aldrich;
+}
+
+h3 {
+  font-weight: 300;
+}
+
+a:visited {
+  color: #2492A2;
+  text-decoration: line-through;
+}
+
+.main-title {
+  border-bottom: none;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+html {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto;
+}
+
+hr:not(.no-bottom-margin) {
+  margin-bottom: 30px;
+  margin-top: 30px;
+}
+
+a,
+button {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;
+}
+
+.take-away {
+  background: #7BDFF2;
+  padding: 15px;
+  color: black;
+}
+
+/* aldrich-regular - latin */
+@font-face {
+  font-family: 'Aldrich';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('Aldrich Regular'), local('Aldrich-Regular'),
+       url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.svg#Aldrich') format('svg'); /* Legacy iOS */
+}
+
+.container > pre, .container > p > code {
+  color: #00b591;
+}
+
+.container > pre {
+  margin-left: 20px;
+}
diff --git a/styling/text.css b/styling/text.css
new file mode 100644
index 0000000000000000000000000000000000000000..04efb7b83dee9c5234b5d07ea0588063c57456a9
--- /dev/null
+++ b/styling/text.css
@@ -0,0 +1,5 @@
+.take-away {
+    background: #7BDFF2;
+    padding: 15px;
+    color: black;
+}
\ No newline at end of file