styling

resources/page/resources/style.css

@@ -1,3 +1,10 @@
+body {
+    margin: auto;
+    max-width: 66rem;
+    padding: 0 1rem;
+    font-size: 1.3rem;
+}
+
 a:link, a:visited {
     text-decoration: none;
     color: blue;
@@ -8,62 +15,36 @@ a:hover, a:active {
 }
 
 header {
-    padding: 1em;
-    margin-bottom: 1em;
+    padding: 4rem 0;
+    margin-bottom: 1rem;
 }
 
-header h1 {
-    margin: 0;
-    margin-bottom: .2em;
-    font-size: 2em;
+h1 {
+    font-size: 1.5rem;
 }
 
-main h1 {
-    font-size: 1.5em;
+h1:before {
+    content: "▻ ";
 }
 
-main h2 {
-    font-size: 1.3em;
+h2 {
+    font-size: 1.3rem;
 }
 
-main h3 {
-    font-size: 1.2em;
+h3 {
+    font-size: 1.2rem;
 }
 
 nav a {
-    margin-right: 1em;
-}
-
-main {
-    padding-left: 1em;
-}
-
-article {
-    padding-left: 1em;
-}
-
-article h1:before {
-    content: "▻ ";
+    margin-right: 1rem;
 }
 
 blockquote {
     background-color: #f5f5f5;
-    padding: .3em;
-    padding-left: .6em;
+    padding: .3rem .3rem .3rem .6rem;
     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%;
-    }
-}