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; +}