From fb91711b80c0a135ce347b3d71d8d7003312227e Mon Sep 17 00:00:00 2001
From: Kaj Forney <kaj.forney@gmail.com>
Date: Tue, 6 Dec 2022 09:10:19 -0700
Subject: [PATCH] Ackshual font fix.

---
 css/main.css | 141 +++++++++++++++++++++++++++++----------------------
 1 file changed, 79 insertions(+), 62 deletions(-)

diff --git a/css/main.css b/css/main.css
index 29efe8e..47f657b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -96,112 +96,129 @@ body {
   background-image: url("/img/branding/backgroundSmall.png");
 }
 
+
 h1 {
-  font-family: VT323;
-  font-size: 64px;
-  src: url("https://kforney.github.io/fonts/VT323-Regular.ttf");
-  color: #FFBC42;
-  text-align: center;
+font-family: VT323;
+font-size: 64px;
+color: #FFBC42;
+text-align: center;
 }
 
 h2{
-  font-family: Oswald;
-  font-size: 64px;
-  src: url("https://kforney.github.io/fonts/Oswald-Regular.ttf");
-  color: #78a1bb;
-  text-align: center;
+font-family: Oswald;
+font-size: 64px;
+color: #78a1bb;
+text-align: center;
 }
 
 h5 {
-  font-family: 'IBM Plex Mono', monospace;
-  font-size: 28px;
-  src: url("https://kforney.github.io/fonts/IBMPlexMono-Regular.ttf");
-  color: #78a1bb;
-  text-align: center;
+font-family: 'IBM Plex Mono', monospace;
+font-size: 28px;
+color: #78a1bb;
+text-align: center;
 }
 
 p {
-  font-family: 'IBM Plex Sans', sans-serif;
-  font-size: 28px;
-  src: url("https://kforney.github.io/fonts/IBMPlexSans-Regular.ttf");
-  color: #78a1bb;
-  text-align: center;
+font-family: 'IBM Plex Sans', sans-serif;
+font-size: 28px;
+color: #78a1bb;
+text-align: center;
 }
 
 iframe[src*=youtube]
 {
-    text-align: center;
-    display: block;
-    margin-right: auto;
-    margin-left: auto;
-    max-width:80%;
+text-align: center;
+display: block;
+margin-right: auto;
+margin-left: auto;
+max-width:80%;
 }
 
 iframe[src*=itch]
 {
-  text-align: center;
-  display: block;
-  margin-right: auto;
-  margin-left: auto;
-  max-width: 80%;
+text-align: center;
+display: block;
+margin-right: auto;
+margin-left: auto;
+max-width: 80%;
 }
 
 .parallax {
-  position: relative;
-  background-attachment: fixed;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
+position: relative;
+background-attachment: fixed;
+background-position: center;
+background-repeat: no-repeat;
+background-size: cover;
 }
 
 .bg-dark {
-  --bs-dark-rgb: 40, 48, 68;
-  --bs-light-rgb: 120, 161, 187;
-  --bs-body-color: 120, 161, 187;
+--bs-dark-rgb: 40, 48, 68;
+--bs-light-rgb: 120, 161, 187;
+--bs-body-color: 120, 161, 187;
 }
 
 .navbar-brand {
-  font-family: VT323;
-  font-size: 36px;
-  src: url("../fonts/VT323-Regular.ttf");
-  color: #FFBC42;
+font-family: VT323;
+font-size: 36px;
+src: url("../fonts/VT323-Regular.ttf");
+color: #FFBC42;
 }
 
 .navbar-text {
-  font-family: VT323;
-  font-size: 36px;
-  src: url("../fonts/VT323-Regular.ttf");
-  color: #78a1bb;
+font-family: VT323;
+font-size: 36px;
+src: url("../fonts/VT323-Regular.ttf");
+color: #78a1bb;
 }
 
 .card {
-  background-color: RGBA(22, 26, 37, 70%);
-  border-radius: 30px;
+background-color: RGBA(22, 26, 37, 70%);
+border-radius: 30px;
 }
 
 .text-shadow {
-  text-shadow: #ffbc42 1px 1px 2px;
+text-shadow: #ffbc42 1px 1px 2px;
 }
 
 .youtube-container {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
+position: relative;
+overflow: hidden;
+width: 100%;
+padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
 }
 
 .youtube-iframe {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
+position: absolute;
+top: 0;
+left: 0;
+bottom: 0;
+right: 0;
+width: 100%;
+height: 100%;
 }
 
 .fa-brands {
-  color: #FFBC42;
+color: #FFBC42;
+}
+
+@font-face {
+  font-family: VT323;
+  src: url("https://kforney.github.io/fonts/VT323-Regular.ttf");
+}
+
+@font-face {
+  font-family: Oswald;
+  src: url("https://kforney.github.io/fonts/Oswald-Regular.ttf");
+}
+
+@font-face {
+  font-family: 'IBM Plex Mono', monospace;
+  src: url("https://kforney.github.io/fonts/IBMPlexMono-Regular.ttf");
+}
+
+@font-face {
+  font-family: 'IBM Plex Sans', sans-serif;
+  src: url("https://kforney.github.io/fonts/IBMPlexSans-Regular.ttf");
 }
 
 /* ==========================================================================
@@ -214,7 +231,7 @@ iframe[src*=itch]
 
 .hidden,
 [hidden] {
-  display: none !important;
+display: none !important;
 }
 
 /*