diff --git a/scss/custom.scss b/scss/custom.scss
deleted file mode 100644
index f0b28dd..0000000
--- a/scss/custom.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-// Custom.scss
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
-
-// Default variable overrides
-$font-family-base: 'Roboto';
-$body-color: white;
-
-$primary: #888f98;
-$secondary: #10121a;
-$body-bg: #1b2732;
-$blue: #5f7892;
-$warning: #c3a235;
-$info: $blue;
-$success: #609926;
-
-// Custom classes
-.mt-n5 {
-  margin-top: -3rem !important;
-}
-.mt-n4 {
-  margin-top: -2rem !important;
-}
-
-// Bootstrap
-@import "../node_modules/bootstrap/scss/bootstrap";
-@import "../node_modules/@fortawesome/fontawesome-free/css/all.css";
-
-:root {
-  // CSGO COLORS
-  --csgo-orange: #FE9A28;
-  --csgo-blue: #5BA7FE;
-  --csgo-yellow: #F7F52F;
-  --csgo-purple: #A01BEF;
-  --csgo-green: #04B462;
-}
diff --git a/src/App.vue b/src/App.vue
index bd8d03e..993603a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,6 +21,11 @@ export default {
 </script>
 
 <style>
+@font-face {
+  font-family: "Obitron";
+  src: local("Obitron"), url("assets/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
+}
+
 .spacer {
   height: 70px;
 }
diff --git a/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf b/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf
new file mode 100644
index 0000000..156c148
Binary files /dev/null and b/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf differ
diff --git a/src/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf b/src/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf
new file mode 100644
index 0000000..098a928
Binary files /dev/null and b/src/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf differ
diff --git a/src/assets/fonts/Orbitron-VariableFont_wght.ttf b/src/assets/fonts/Orbitron-VariableFont_wght.ttf
new file mode 100644
index 0000000..ac224a5
Binary files /dev/null and b/src/assets/fonts/Orbitron-VariableFont_wght.ttf differ
diff --git a/src/assets/fonts/cs_regular.ttf b/src/assets/fonts/cs_regular.ttf
new file mode 100644
index 0000000..b036253
Binary files /dev/null and b/src/assets/fonts/cs_regular.ttf differ
diff --git a/src/main.js b/src/main.js
index 75570a4..178e5bb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,6 +3,6 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 import 'bootstrap'
-import '../scss/custom.scss'
+import '@/scss/custom.scss'
 
-createApp(App).use(store).use(router).mount('#app')
\ No newline at end of file
+createApp(App).use(store).use(router).mount('#app')
diff --git a/src/scss/custom.scss b/src/scss/custom.scss
new file mode 100644
index 0000000..be35b80
--- /dev/null
+++ b/src/scss/custom.scss
@@ -0,0 +1,51 @@
+// Custom.scss
+//@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@font-face {
+  font-family: "OpenSans";
+  src: local('OpenSans'), url("../assets/fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
+}
+@font-face {
+  font-family: "OpenSansItalic";
+  src: local('OpenSansItalic'), url("../assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CSRegular";
+  src: local('CSRegular'), url("../assets/fonts/cs_regular.ttf") format("truetype");
+}
+@font-face {
+  font-family: "Orbitron";
+  src: local('Orbitron'), url("../assets/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
+}
+
+// Default variable overrides
+$font-family-base: 'OpenSans';
+$body-color: white;
+
+$primary: #888f98;
+$secondary: #10121a;
+$body-bg: #1b2732;
+$blue: #5f7892;
+$warning: #c3a235;
+$info: $blue;
+$success: #609926;
+
+// Custom classes
+.mt-n5 {
+  margin-top: -3rem !important;
+}
+.mt-n4 {
+  margin-top: -2rem !important;
+}
+
+// Bootstrap
+@import "../../node_modules/bootstrap/scss/bootstrap";
+@import "../../node_modules/@fortawesome/fontawesome-free/css/all.css";
+
+:root {
+  // CSGO COLORS
+  --csgo-orange: #FE9A28;
+  --csgo-blue: #5BA7FE;
+  --csgo-yellow: #F7F52F;
+  --csgo-purple: #A01BEF;
+  --csgo-green: #04B462;
+}