From 74ff2f46e37de5c356b17f5c38b7d33d99a5ad7f Mon Sep 17 00:00:00 2001
From: Taylor Drayson <taylordrayson@Taylors-MacBook-Pro.local>
Date: Fri, 11 Feb 2022 16:50:47 +0000
Subject: [PATCH] CSS Fixes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed issue 19 https://github.com/whitep4nth3r/theclaw.team/issues/19

Updated font family variables. Main doesn’t exist
---
 styles/Backstage.module.css      | 2 +-
 styles/Layout.module.css         | 3 +++
 styles/StreamerAvatar.module.css | 2 +-
 styles/Typography.module.css     | 8 ++++----
 styles/globals.css               | 5 +++++
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/styles/Backstage.module.css b/styles/Backstage.module.css
index c4923bc..a2938f0 100644
--- a/styles/Backstage.module.css
+++ b/styles/Backstage.module.css
@@ -38,7 +38,7 @@
   line-height: 1.8;
   margin-bottom: 2rem;
   font-weight: var(--font-weight-normal);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-body);
   color: var(--color-fg);
   word-break: break-word;
   text-align: center;
diff --git a/styles/Layout.module.css b/styles/Layout.module.css
index 1f459a0..51aace0 100644
--- a/styles/Layout.module.css
+++ b/styles/Layout.module.css
@@ -24,6 +24,9 @@
 .layout__wrapper {
   grid-area: wrapper;
   background-color: var(--color-bg);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .layout__main {
diff --git a/styles/StreamerAvatar.module.css b/styles/StreamerAvatar.module.css
index e2631a6..8fa92b3 100644
--- a/styles/StreamerAvatar.module.css
+++ b/styles/StreamerAvatar.module.css
@@ -57,7 +57,7 @@
   margin-top: 2rem;
   margin-bottom: 3rem;
   font-weight: var(--font-weight-normal);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-body);
   color: var(--color-fg);
   word-break: break-word;
 }
diff --git a/styles/Typography.module.css b/styles/Typography.module.css
index abb8cb5..1e7697e 100644
--- a/styles/Typography.module.css
+++ b/styles/Typography.module.css
@@ -4,7 +4,7 @@
   margin-bottom: 3rem;
   letter-spacing: 1px;
   font-weight: var(--font-weight-bold);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-heading);
   color: var(--yellow);
   text-transform: uppercase;
   text-shadow: 3px 3px var(--red);
@@ -16,7 +16,7 @@
   line-height: 1.5;
   margin-bottom: 3rem;
   font-weight: var(--font-weight-bold);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-heading);
   color: var(--yellow);
 }
 
@@ -25,7 +25,7 @@
   line-height: 1.3;
   margin-bottom: 3rem;
   font-weight: var(--font-weight-bold);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-heading);
   color: var(--white);
   padding-bottom: 1rem;
   border-bottom: 0.25rem solid var(--red);
@@ -36,7 +36,7 @@
   line-height: 1.8;
   margin-bottom: 2rem;
   font-weight: var(--font-weight-normal);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-body);
   color: var(--color-fg);
   word-break: break-word;
 }
diff --git a/styles/globals.css b/styles/globals.css
index e148ff8..910045b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -41,6 +41,7 @@ body {
   background-repeat: repeat;
   background-size: 9rem;
   min-height: 100vh;
+  display: flex;
 
   color: var(--color-fg);
 }
@@ -49,3 +50,7 @@ body {
   box-sizing: border-box;
   margin: 0;
 }
+
+#__next{
+  display: flex;
+}