1 files changed, 61 insertions, 25 deletions
diff --git a/src/guzzle.sass b/src/guzzle.sass
index c045a44..68834d8 100644
--- a/src/guzzle.sass
+++ b/src/guzzle.sass
@@ -1,10 +1,33 @@
 @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap')
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap')
 
-$fonts: "Fira Code", monospace
-$foreground-color: #1e1e2e
+$fonts: "Noto Sans", "Fira Code", monospace
+$background-color: #1e1e2e
+$foreground-color: #b4befe
+$complementary-color: #cba6f7
+
+body
+	background-color: $background-color
+	font-family: $fonts
+
+	padding: 10px
+
+	p,li
+		font-size: 16px
+
+	h1
+		font-size: 24px
+
+footer
+	font-size: 12px
+	color: white
+
+	display: flex
+	align-items: center
+	justify-content: center
 
 .container
-	background-color: #b4befe
+	background-color: $foreground-color
 
 	display: flex
 	flex: 1 1 auto
@@ -13,45 +36,58 @@ $foreground-color: #1e1e2e
 	justify-content: center
 
 	width: fit-content
+	min-width: 33%
 
 	margin-left: auto
 	margin-right: auto
-	margin-top: 8%
+	margin-top: 2%
 
-	padding: 20px
+	border-radius: 5px
 
-body
+.content
+	display: inline-block
+	text-align: center
+
+	margin: 5px
+
+	padding: 5px
+
+.headerbar
 	background-color: $foreground-color
-	font-family: $fonts
 
-	padding: 10px 36px
+	display: flex
+	flex-direction: row
+	align-items: center
+	justify-content: center
 
-	p,li
-		font-size: 16px
+	width: fit-content
 
-	h1
-		font-size: 24px
+	margin-left: auto
+	margin-right: auto
+	margin-top: 2%
 
-footer
-	font-size: 10px
-	color: white
+	border-radius: 5px
 	padding: 10px
-	justify-content: center
-	text-align: center
 
-.content
-	display: inline-block
-	text-align: center
+#blogpost
+	min-width: 50%
+
+#commitText
+	width: fix-content
+
+	margin: 10px
 	padding: 5px
-	margin: 5px
+	border-radius: 5px
 
-.gifs
-	background-color: $foreground-color
+#gifs
+	background-color: $background-color
 	display: inline-block
 	text-align: center
-	padding: 5px
-	margin: 5px
+	padding: 10px
+	margin: 10px
 
 #vidya
 	display: flex
 	justify-content: center
+	padding: 5px
+	margin: 5px