cleanup

assets/style.css

@@ -6,12 +6,15 @@
 html,
 body {
     min-height: 100vh;
+    height: 100%;
     margin: 0;
     padding: 0;
 }
+
 html {
-    font-size: 20px;
+    font-size: 16px;
 }
+
 body {
     font-size: 1rem;
     font-family: 'Avenir Next', Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -20,7 +23,11 @@ body {
     color: #e7eef4;
     background-color: #040404;
 
-    padding: 1rem;
+    padding: 2rem;
+    -moz-display: flex;
+    -moz-align-items: center;
+    -moz-justify-content: center;
+    -moz-flex-wrap: wrap;
     -webkit-display: flex;
     -webkit-align-items: center;
     -webkit-justify-content: center;
@@ -32,6 +39,16 @@ body {
     position: relative;
 }
 
+@media (min-width: 45em) {
+    html {
+        font-size: 20px;
+    }
+
+    body {
+        padding: 4rem;
+    }
+}
+
 body:before,
 body:after {
     content: "";
@@ -65,7 +82,7 @@ article {
 }
 
 h1 {
-    font-size: 2rem;
+    font-size: 2.8rem;
     font-weight: 900;
     line-height: 1.2;
     margin-top: 0;

index.html

@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <title>Gato, Fernando Botero</title>
 
-        <link rel="stylesheet" href="style.css">
+        <link rel="stylesheet" href="assets/style.css">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="canonical" href="https://kretschmann.cat">