1 files changed, 123 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..bd731ad
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,123 @@
+html {
+    height: 100%;
+    color: #cccccc;
+    background-color: hsl(240, 30%, 10%);/*#452b41*/ /*#2c314b*/
+}
+
+body {
+    margin: auto;
+    max-width: 64em;
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    background-color: hsl(240, 30%, 15%);
+}
+
+nav {
+    /*#3a2438*/ /*#2a3257*/
+    background-color: hsl(240, 30%, 20%);
+}
+
+nav > ul {
+    display: flex;
+    margin: 0 auto;
+}
+
+nav > ul > li:last-child {
+    margin-left: auto;
+}
+
+nav ul {
+    padding: 0;
+}
+
+nav li {
+    margin: 2px;
+    display: block;
+    list-style: none;
+}
+
+nav li:hover {
+    background-color: hsl(240, 30%, 30%);
+}
+
+nav .submenu:hover .submenu-contents {
+    display: block;
+}
+
+nav .submenu-contents {
+    display: none;
+    position: absolute;
+    z-index: 10;
+    background-color: red;
+}
+
+nav a,
+nav span {
+    text-decoration: none;
+    color: #dddddd;
+    display: block;
+    line-height: 2em;
+    height: 2em;
+    margin-left: 1em;
+    margin-right: 1em;
+}
+
+nav span {
+    cursor: pointer;
+}
+
+.article-date {
+    margin-left: auto;
+}
+
+.link-like, a {
+    color: #eeeeee;
+    text-decoration: underline;
+}
+
+.rel-header {
+    padding: 1em 2em 1em 2em;
+}
+
+header {
+    background-color: hsl(240, 30%, 10%);
+}
+
+header p {
+    text-align: center;
+    margin-bottom: 0.15em;
+}
+
+header p ~ h1 {
+    margin-top: 0.15em;
+}
+
+main {
+    padding: 2em 2em 2em 2em;
+    flex-grow: 1;
+}
+
+hr {
+    margin: 0;
+    margin-top: auto;
+}
+
+footer {
+    padding: 1em 2em 1em 2em;
+}
+
+figure {
+    text-align: center;
+}
+
+figure img {
+    max-width: 30em;
+    object-fit: contain;
+    display: block;
+    margin: auto;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    text-align: center;
+}