1 files changed, 107 insertions, 0 deletions
diff --git a/out/main.css b/out/main.css
new file mode 100644
index 0000000..0d2f6ec
--- /dev/null
+++ b/out/main.css
@@ -0,0 +1,107 @@
+body {
+  margin: 0;
+  padding: 0; }
+
+header {
+  width: 100%;
+  background-color: black;
+  color: white; }
+  header p.breadcrumbs {
+    background-color: Maroon;
+    margin: 0; }
+    header p.breadcrumbs a {
+      color: GoldenRod; }
+  header h1 {
+    font-size: 50px;
+    margin: 0; }
+  header nav {
+    /* layout */
+    line-height: 1;
+    width: 100%;
+    /* pretty */
+    background-color: Maroon; }
+    header nav ul {
+      padding: 0;
+      margin: 0;
+      list-style: none; }
+    header nav li {
+      display: inline-block; }
+    header nav a {
+      display: block; }
+    header nav a {
+      padding: 0.2em 1em;
+      font-size: 40px;
+      color: GoldenRod;
+      text-decoration: none; }
+      header nav a:hover, header nav a:focus {
+        background-color: white; }
+      header nav a:hover, header nav a:visited {
+        color: GoldenRod; }
+      header nav a:active {
+        color: Black; }
+    header nav form {
+      padding: 0.2 1em;
+      display: block; }
+      header nav form input {
+        font-size: 25px;
+        border: solid 1px #333333; }
+      header nav form input[type="search"] {
+        max-width: 10em; }
+      header nav form input:first-child {
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px; }
+      header nav form input:not(:last-child) {
+        border-right: 0; }
+      header nav form input:last-child {
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px; }
+
+article {
+  max-width: 6.5in;
+  margin: 0 auto;
+  border-bottom: solid 1px #333333; }
+  article #constructionBanner {
+    height: 50px;
+    background-color: #f89406; }
+  article #constructionMessage {
+    text-align: center;
+    padding: 12px; }
+  article #search {
+    padding: 10px; }
+  article #sidebar {
+    border: 1px solid black;
+    padding: 5px;
+    margin: 5px;
+    float: right; }
+  article li {
+    font-size: 14px; }
+  article .spacer {
+    width: 50px;
+    display: inline;
+    padding: 0px 50px 0px 50px; }
+  article .tag {
+    font-size: 11px;
+    height: 13px;
+    padding: 4px 7px 5px 7px;
+    border-radius: 2px;
+    text-align: center;
+    text-decoration: none;
+    color: white;
+    font-family: sans-serif; }
+  article .tag.FF {
+    background: FireBrick; }
+  article .tag.SS {
+    background: SeaGreen; }
+  article .tag.ES {
+    background: DarkViolet; }
+  article .tag.HB {
+    background: DimGray; }
+  article .tag.DM {
+    background: DarkSlateGray; }
+  article .tag.WP {
+    background: GhostWhite;
+    color: black; }
+
+footer {
+  margin: 0 2em;
+  font-size: smaller; }