From e4373bfaea137e9fda95b9a705b570e0f75600b4 Mon Sep 17 00:00:00 2001
From: Erin Nova <contact@the-system.eu.org>
Date: Sat, 5 Mar 2022 14:25:21 -0500
Subject: [PATCH] Mobile friendly code blocks, header distinction

---
 _scss/_formatting.scss | 39 ++++++++++++++++++++++++++++++++++++++-
 style.scss             |  2 +-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/_scss/_formatting.scss b/_scss/_formatting.scss
index 439fafe..4353210 100644
--- a/_scss/_formatting.scss
+++ b/_scss/_formatting.scss
@@ -1,6 +1,10 @@
 // Buttons
 .button {
+	margin-right: 10px;
     margin-bottom: 25px;
+	@media only screen and (max-width: 600px) {
+		margin: auto;
+	}
 	padding: 10px;
 	padding-left: 15px;
 	padding-right: 15px;
@@ -74,13 +78,46 @@ blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
 
 code, pre {
 	font-family: "Fira Code", monospace;
-	//overflow: scroll;
+	overflow: auto;
 	border-radius: 10px;
 	padding: 10px;
 
 	background: $background-color !important;
 box-shadow: inset 5px 5px 10px #070708,
             inset -5px -5px 10px #151518;
+	@media only screen and (min-width: 600px) {
+		display: inline-block;
+		max-width: 18cm;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	code {
+		display: inline-block;
+		max-width: 95%;
+	}
+}
+
+
+h1 {
+  font-size: 30px;
+  font-weight: normal;
+  border-bottom: 4px solid #F28FAD;
+}
+
+h2 {
+  font-size: 25px;
+  font-weight: normal;
+  margin-top: 1cm;
+  margin-bottom: 0;
+  border-bottom: 2px solid #F8BD96;
+}
+
+h3 {
+  font-size: 22px;
+  font-weight: normal;
+  margin-top: 1cm;
+  margin-bottom: 0;
 }
 
 ::selection {
diff --git a/style.scss b/style.scss
index 674e3e9..f2af5af 100644
--- a/style.scss
+++ b/style.scss
@@ -4,4 +4,4 @@ $light-color: #E2ADF2;
 $dark-color: #2A1E5C;
 $accent-color: #EE4266;
 
-@import '_scss/base', '_scss/formatting', '_scss/navigation', '_scss/footer';
+@import '_scss/base', '_scss/formatting', '_scss/navigation', '_scss/footer', '_scss/image';