Rename static/styles/main.css to src/main.scss

src/main.scss

@@ -0,0 +1,32 @@
+a {
+  color: #5aa208;
+
+  &:hover {
+    color: #438308;
+  }
+}
+
+.navbar {
+  padding: 21px 32px;
+}
+
+.navbar-brand {
+  padding: 0;
+
+  img {
+    height: 38px;
+  }
+}
+
+.footer {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  height: 80px;
+  background-color: #f5f5f5;
+
+  p {
+    margin: 0;
+    padding: 28px 0;
+  }
+}

static/styles/main.css

@@ -1,43 +0,0 @@
-html {
-  position: relative;
-  min-height: 100%;
-}
-
-body {
-  margin-bottom: 40px;
-  cursor: default;
-}
-
-body > .container {
-  padding: 70px 15px 0;
-}
-
-.navbar-brand > img {
-  height: 20px;
-}
-
-footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 40px;
-  background-color: #f5f5f5;
-}
-
-footer p {
-  margin: 0;
-  padding: 10px;
-}
-
-footer > .container {
-  padding-right: 15px;
-  padding-left: 15px;
-}
-
-footer .copy {
-  text-align: left;
-}
-
-footer .love {
-  text-align: right;
-}