feat(frontend): text more readable

1 files changed, 5 insertions, 3 deletions

diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
index a2e446b..621c792 100644
--- a/frontend/scss/main.scss
+++ b/frontend/scss/main.scss
@@ -5,19 +5,21 @@
 
 :root {
   --color-dark: hsl(202, 25%, 9%);
-  --color-light: #EFF7F6;
+  --color-light: #dce4e4;
   --color-gray: #BCB3BB; /* quote and legend */
   --color-rose: #F2B5D4; /* link accent */
   --color-light-rose: hsl(330, 55%, 70%, 0.2); /* link accent hover and highlight */
 
   --font-size-tiny: 0.85rem; /* quote, legend, code */
+  --line-height: 1.75em;
+  --line-height-smaller: 1.4em; /* titles, nav links */
 
-  --width-content: 700px; /* main, article */
+  --width-content: 750px; /* main, article */
   --width-deco: 900px; /* header, footer, large image */
   --height-header: 8rem; /* header, footer, introduction */
 
   --margin-base: 1.5rem;
   --margin-header: calc(var(--height-header) / 2);
 
-  font-size: 20px;
+  font-size: 18px;
 }