Improve note page view

1 files changed, 33 insertions, 3 deletions

diff --git a/html/assets/style.css b/html/assets/style.css
index b550d4f..af1fd0b 100644
--- a/html/assets/style.css
+++ b/html/assets/style.css
@@ -1,8 +1,19 @@
+.html-note-page
+{
+    background-color: white;
+}
+
+.html-main-page
+{
+    background-color: #e9e9e7;
+}
+
 body
 {
     background-color: #e9e9e7;
     color: #353534;
     font-family: Open Sans,Arial;
+    margin: 0;
 }
 
 figure
@@ -30,7 +41,7 @@ img + figcaption
 
 pre 
 {
-    background-color: #FCFBF7;
+    background-color: #E9E9E7;
     border-radius: 5px;
     padding: 10px;
 }
@@ -40,14 +51,24 @@ blockquote
     background-color: #FCFBF7;
     border-radius: 5px;
     padding: 5px;
-    border-left: 10px solid #cecece;
+    border: 1px solid #cecece;
+    border-left: 5px solid #cecece;
     overflow-wrap: anywhere;
 }
 
+.main-container
+{
+    margin: 0;
+    background-color: #FFFFFF;
+}
+
 .note-body
 {
+    padding-top: 10px;
     max-width: 924px;
     margin: auto;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 
 .contact-list, .social-media-list 
@@ -155,7 +176,7 @@ blockquote
     align-items: center;
     margin-bottom: 0.5em;
     margin-left: 1em;
-    margin-top: 1em;
+    padding-top: 1em;
 }
 
 .header-links
@@ -169,11 +190,19 @@ a.header-link
     color: #353534;
 }
 
+/*
 main
 {
     max-width: 1400px;
     margin: 40px auto;
 }
+*/
+
+.frontpage-main-container
+{
+    margin: 40px auto;
+    max-width: 1400px;
+}
 
 .main-heading
 {
@@ -210,6 +239,7 @@ main
 
 .note-link
 {
+    height: fit-content;
     color: #353534; 
     text-decoration: none;
 }