Add styling

diff --git a/index.html b/index.html
index 7e3abd6854828dfb039fd48176d175db685b8859..54324d605931fa56e7b4db39616d9d8b95f6e34d 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,9 +10,27 @@
       <p>Hello, and welcome to my Tangled homepage.<br>You've probably already seen my main homepage, hosted on GitHub. However, in search of better alternatives, I'm hosting my own knot on Tangled, and porting a website through their infrastructure.</p>
     </div>
     <style>
+      body {
+        font-family: sans-serif !important;
+        margin: 1em;
+      }
       #main {
-        background-color: lilac;
+        background-color: lavender;
         border: 4px solid purple;
+        max-width: 500px;
+        padding: 1em;
+      }
+      #main > h2, #main > p {
+        margin: 0;
+      }
+      @media screen and (max-width: 350px) {
+        body {
+          background-color: lavender;
+        }
+        #main {
+          border: unset;
+          padding: unset;
+        }
       }
     </style
   </body