1 files changed, 64 insertions, 77 deletions
diff --git a/resources/public/main.css b/resources/public/main.css
index aeb8b95..f58e87b 100644
--- a/resources/public/main.css
+++ b/resources/public/main.css
@@ -1,93 +1,80 @@
-@font-face {
-	/* https://indestructibletype.com/Jost.html */
-	font-family: Jost;
-	src: url('/Jost-400-Book.otf');
+/*@font-face
+{
+    font-family: Jost;
+    src: url('/Jost-400-Book.otf');
+}*/
+html {
+    background: #d8f0ff;
+    font-family: sans-serif;
+}
+#container {
+    background: white;
+    margin: 2em auto;
+    box-shadow: 0px 0px 12px 4px lightgray;
+    width: 1024px;
+    max-width: 97%;
+}
+#header {
+    padding: 1.2em;
 }
-
-html, body {
-	background: #d8f0ff;
-	font-family: Jost;
-}
-
-body {
-	padding: 0em 1.5em;
-}
-
-#title-container {
-	padding-top: 4em;
-	padding-bottom: 0.5em;
-}
-
-#posts {
-	min-height: 400px;
-}
-
 #logo {
-	height: 90px;
+    float: right;
+    height: inherit;
 }
-
-.block {
-	padding-bottom: 20px;
-	border-top: 1px solid #888;
+#menu {
+    background: #555;
+    border-bottom: 3px solid #0066cc;
 }
-
-.block img {
-	max-width: 40em;
-	border: 1px solid #888;
+.menu-item {
+    display: inline-block;
+    color: white;
+    border-left: 1px solid gray;
+    padding: 0.5em 1em;
+    font-weight: bold;
+    text-decoration: none;
 }
-
-h1 {
-	font-size: 4em;
-	display: inline;
-	padding-left: 0.1em;
-	color: black;
+.menu-item:first {
+    border-left: 0;
 }
-
-h1:hover {
-	color: #ff3300;
+.menu-item:hover {
+    background: #0066cc;
 }
-
-h2 {
-	font-size: 2.2em;
+.content {
+    padding: 0.75em 1.5em;
+    font-size: 1.2em;
 }
-
-h3 {
-	font-size: 1.7em;
+#footer {
+    font-size: 6px;
+    color: lightgray;
+    text-align: right;
 }
-
-h4, h5 {
-	font-size: 1.6em;
+#title {
+    border-bottom: 1px solid lightgray;
+    height: 60px;
+    position: relative;
+    margin-bottom: 0.2em;
 }
-
-p, li {
-	font-size: 1.5em;
-	max-width: 50em;
+#subtitle {
+    color: gray;
 }
-
-a, a code {
-	text-decoration: none;
-	color: #ff3300;
+h1 {
+    margin-bottom: 0.2em;
+    position: absolute;
+    bottom: 0;
+    font-size: 2.5em;
+    color: black;
 }
-
-#footer {
-	color: #666;
-	text-align: right;
+img {
+    max-width: 100%;
 }
-
-code {
-	padding: 2px;
-	font-family: monospace, monospace;
-	font-size: 0.8em;
+table {
+    width: 100%;
 }
-
-pre {
-	padding: 4px;
-	background: #333;
-	color: #ccc;
-	font-family: fixed;
+td {
+    vertical-align: top;
+    min-width: 240px;
+}
+td:first-child {
+    padding-right: 2em;
 }
 
-.codecolor0 { color: #2c6; }
-.codecolor1 { color: yellow; }
-.codecolor2 { color: pink; }
-.codecolor3 { color: #c44; }