resources/page/resources/style.css

@@ -1,10 +1,3 @@
-body {
-    margin: auto;
-    max-width: 66rem;
-    padding: 0 1rem;
-    font-size: 1.3rem;
-}
-
 a:link, a:visited {
     text-decoration: none;
     color: blue;
@@ -15,36 +8,58 @@ a:hover, a:active {
 }
 
 header {
-    padding: 4rem 0;
-    margin-bottom: 1rem;
+    padding: 1em;
+    margin-bottom: 1em;
 }
 
-h1 {
-    font-size: 1.5rem;
+header h1 {
+    margin: 0;
+    margin-bottom: .2em;
+    font-size: 2em;
 }
 
-h1:before {
-    content: "▻ ";
+main h1 {
+    font-size: 1.5em;
 }
 
-h2 {
-    font-size: 1.3rem;
+main h2 {
+    font-size: 1.3em;
 }
 
-h3 {
-    font-size: 1.2rem;
+main h3 {
+    font-size: 1.2em;
 }
 
 nav a {
-    margin-right: 1rem;
+    margin-right: 1em;
+}
+
+main {
+    padding-left: 1em;
+}
+
+article h1:before {
+    content: "▻ ";
 }
 
 blockquote {
     background-color: #f5f5f5;
-    padding: .3rem .3rem .3rem .6rem;
+    padding: .3em;
+    padding-left: .6em;
     margin-left: 0;
 }
 
 blockquote p {
     margin: 0;
 }
+
+time {
+    font-style: italic;
+}
+
+@media only screen and (min-width: 1000px) {
+    body {
+        margin-left: 20%;
+        margin-right: 20%;
+    }
+}