Better aesthetic

1 files changed, 71 insertions, 2 deletions

diff --git a/style.css b/style.css
index bfb0b2a..8ec8400 100755
--- a/style.css
+++ b/style.css
@@ -1,8 +1,15 @@
 body {
-	max-width: 800px;
+	max-width: 70ch;
 	margin: auto;
 	padding-left: 20px;
 	padding-right: 20px;
+	line-height: 1.5;
+
+	font-display: swap;
+	font-size: 12pt;
+	font-family: "Lato", sans-serif;
+	font-weight: 400;
+	font-feature-settings: "liga";
 
 	--dark-red: #623a46;
 	--red: #8f6370;
@@ -43,9 +50,71 @@ body {
 	--black: #0c0a0f;
 }
 
+h1 {
+	font-size: 2.0rem;
+	font-weight: 700;
+}
+
+h2 {
+	font-size: 1.5rem;
+	font-weight: 600;
+}
+
+h3 {
+	font-size: 1.25rem;
+	font-weight: 600;
+}
+
+h4 {
+	font-size: 1.125rem;
+	font-weight: 600;
+}
+
+h5 {
+	font-size: 1rem;
+	font-weight: 600;
+}
+
+h5 {
+	font-size: 0.875rem;
+	font-weight: 600;
+}
+
+h1,h2,h3,h4,h5,h6 {
+	margin-block-start: 1.5em;
+	margin-block-end: 0.5em;
+	line-height: 1.2;
+}
+
+p {
+	margin-block-end: 1em;
+}
+
+code {
+	font-size: 85%;
+	padding-block: 2px;
+	padding-inline: 3pt;
+	border-radius: 4px;
+	font-family: "Fira Code", monospace;
+	white-space: break-spaces;
+}
+
 pre {
-	margin-left: 25px;
+	margin-inline: 1rem;
+	padding: 0.5rem;
+	border-radius: 8px;
 	overflow-x: auto;
+
+	font-size: 10pt;
+	font-family: "Fira Code", monospace;
+}
+
+ul,ol {
+	margin-block-end: 1em;
+}
+
+li {
+	margin-block-end: 0.25em;
 }
 
 .nav {