Responsive images + improvements

- make images truly responsive
- adjust page margins/padding
- add macOS default system fonts
- decrease text contrast slightly
- limit characters per line for p and ul

imgin/web/theme.css

@@ -1,8 +1,10 @@
 body{
-    background-color: rgba(8, 6, 37, 0.781);
+    background-color: rgba(2, 0, 30, 0.8);
-    color: white;
+    color: rgba(255, 255, 255, .8);
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
-    margin-left: 5%;
+    line-height:1.3;
+    margin:0;
+    padding:3vw;
 }
 
 a, a:visited {
@@ -13,7 +15,12 @@ ul{
     list-style-type: none;
 }
 
+p, ul {
+    max-width: 80ch;
+}
+
 img {
-    margin-bottom: 5px;
+    max-width: 100%;
-    height: 100%;
+    height: auto;
+    margin-bottom: 3vw;
 }