Use Clay CSS domain specific language instead of including a raw CSS file

data/assets/public/style.css

@@ -1,93 +0,0 @@
-html{background-color:#f1f6f0;color:#222323}
-a{text-decoration:none}
-p{margin:0.4em 0 0.4em 0}
-a{color:#6D92AD}
-
-body {
-  margin: 0 auto;
-  font-family: Monospace;
-  font-size: 1.25em;
-  font-weight: 300;
-  text-align: left
-}
-
-body strong {
-  font-weight: 600;
-}
-
-body li {
-  list-style-type: "~> ";
-}
-
-footer {
-  position: absolute;
-  margin: 0;
-  bottom: 0;
-  width: 100%;
-  background-color: rgba(109, 146, 173, 0.3);
-  text-align: center;
-  padding: 1em 0 0.9em 0;
-  box-sizing: border-box;
-}
-
-footer p {
-  font-size: 0.75em;
-  margin: 0 2em;
-  color: #f1f6f0;
-}
-
-footer p a {
-  color: #f1f6f0;
-}
-
-.main {
-  margin: 1em auto;
-  max-width: 60%;
-}
-
-.navContainer {
-  margin: 1.5em 0;
-  width: 100%;
-  text-align: center;
-}
-
-.mainNav {
-  margin: 0 auto;
-  padding: 0;
-  overflow: hidden;
-  box-shadow: 4px 4px 6px #ccc;
-  display: inline-flex;
-}
-
-.mainNav li {
-  list-style-type: none;
-}
-
-.mainNav li a {
-  display: block;
-  text-align: center;
-  padding: 0.25em 0.3em;
-  text-transform: lowercase;
-}
-
-.notFound {
-  margin: 0 auto;
-  text-align: center;
-}
-
-.notFound h1 {
-  font-size: 500%;
-  font-weight: 200;
-  color:#6D92AD
-}
-
-.postList {
-  font-size: 1.5em;
-}
-
-@media only screen and (max-width : 768px) {
-  .main {
-    margin: 1em auto;
-    max-width: 90%;
-  }
-}