made website responsive

README.md

@@ -5,5 +5,3 @@ if you disregard the font. It's small and simple and very different from what on
 good.
 
 Regarding licensing, do with it as you please. Be my guest. No trade secrets. Really.
-
-Also, I don't think it's responsive. Oh well.

index.html

@@ -10,11 +10,6 @@
         font-weight: normal;
         font-style: normal;
       }
-      @media(max-device-width: 700px) {
-        body {
-          font-size: 36px;
-        }
-      }
       body {
         font-family: 'charterregular', Georgia, serif;
         width: 100vw;
@@ -53,6 +48,29 @@
         text-decoration: none;
         border-bottom: 2px solid #d6dde3;
       }
+      @media(max-device-width: 700px) {
+        body {
+          font-size: 36px;
+        }
+        .aside {
+          width: 100%;
+          height: auto;
+          margin-left: 1em;
+        }
+        .aside h1 {
+          font-size: 160%;
+          padding: 0.5em;
+        }
+        .aside ul li {
+          font-size: 130%;
+          display: inline-block;
+          width: 30vw;
+          margin-bottom: 0.5em;
+        }
+        .main {
+          max-width: 100%;
+        }
+      }
     </style>
     <title>Veit Heller</title>
   </head>