From ab07798f0a693d4ba9c99f49c7a0c5052e0e484d Mon Sep 17 00:00:00 2001
From: fakefunk <ambiancejeune@gmail.com>
Date: Tue, 5 Oct 2021 09:29:49 +0000
Subject: [PATCH] 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 | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/imgin/web/theme.css b/imgin/web/theme.css
index 3f0c13d..21ea2a7 100644
--- a/imgin/web/theme.css
+++ b/imgin/web/theme.css
@@ -1,8 +1,10 @@
 body{
-    background-color: rgba(8, 6, 37, 0.781);
-    color: white;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    margin-left: 5%;
+    background-color: rgba(2, 0, 30, 0.8);
+    color: rgba(255, 255, 255, .8);
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
+    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;
-    height: 100%;
+    max-width: 100%;
+    height: auto;
+    margin-bottom: 3vw;
 }
\ No newline at end of file