diff --git a/nginx/vue/index.html b/nginx/vue/index.html
index 367525f..c642c7b 100644
--- a/nginx/vue/index.html
+++ b/nginx/vue/index.html
@@ -12,6 +12,7 @@
AF
+
diff --git a/nginx/vue/public/css/cv_styles.css b/nginx/vue/public/css/cv_styles.css
index d5742f4..74dcb68 100644
--- a/nginx/vue/public/css/cv_styles.css
+++ b/nginx/vue/public/css/cv_styles.css
@@ -1,90 +1,3 @@
-/* Fonts */
-@font-face {
- font-family: "AldoTheApache";
- src: url("@/assets/fonts/AldotheApache.ttf") format("truetype");
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: "RobotFont";
- src: url("@/assets/fonts/Robot_Font.otf") format("opentype");
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: "m12";
- src: url("@/assets/fonts/m12.ttf") format("truetype");
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: "big_noodle_titling";
- src: url("@/assets/fonts/big_noodle_titling.ttf") format("truetype");
- font-weight: normal;
- font-style: normal;
-}
-
-@font-face {
- font-family: "CreatoDisplay";
- src: url("@/assets/fonts/CreatoDisplay-Bold.otf") format("opentype");
- font-weight: normal;
- font-style: normal;
-}
-
-/* Variables */
-:root {
- /* Blue - Beige */
- /* --primary: #153448;
- --secondary: #3C5B6F;
- --tertiary: #948979;
- --quaternary: #f5bb78;
- --background: #DFD0B8; */
-
- /* Blue - Turqouise */
- /* --primary: #161D6F;
- --secondary: #0B2F9F;
- --tertiary: #98DED9;
- --quaternary: #C7FFD8;
- --background: #C2EFD1; */
-
- /* Red - Blue */
- /* --primary: #ff204e; */
- /* --secondary: #a0153e; */
- /* --tertiary: #5d0341; */
- /* --quaternary: #3a0e41; */
- /* --background: #00224d; */
-
- /* Blue - Brown */
- /* --primary: #35374B; */
- /* --secondary: #344955; */
- /* --tertiary: #50727b; */
- /* --quaternary: #78a083; */
- /* --background: #c7b077; */
-
- /* Black - White */
- --primary: black;
- --secondary: black;
- --tertiary: black;
- --quaternary: #cccccc;
- --background: white;
-
- /* Blue - White */
- /* --primary: #201e43; */
- /* --secondary: #134b70; */
- /* --tertiary: #508c9b; */
- /* --quaternary: #cceeee; */
- /* --background: #eeeeee; */
-
- --font-heading: big_noodle_titling;
- --font-text: CreatoDisplay;
- --font-size-text: 90%;
- --font-size-heading: 2.5em;
- --font-size-tableheading: 1.2em;
-}
-
/* A5 Page */
.a5page {
/* overflow: scroll; */
diff --git a/nginx/vue/public/css/cv_variables.css b/nginx/vue/public/css/cv_variables.css
new file mode 100644
index 0000000..9e9118d
--- /dev/null
+++ b/nginx/vue/public/css/cv_variables.css
@@ -0,0 +1,50 @@
+/* Variables */
+:root {
+ /* Blue - Beige */
+ /* --primary: #153448;
+ --secondary: #3C5B6F;
+ --tertiary: #948979;
+ --quaternary: #f5bb78;
+ --background: #DFD0B8; */
+
+ /* Blue - Turqouise */
+ /* --primary: #161D6F;
+ --secondary: #0B2F9F;
+ --tertiary: #98DED9;
+ --quaternary: #C7FFD8;
+ --background: #C2EFD1; */
+
+ /* Red - Blue */
+ /* --primary: #ff204e; */
+ /* --secondary: #a0153e; */
+ /* --tertiary: #5d0341; */
+ /* --quaternary: #3a0e41; */
+ /* --background: #00224d; */
+
+ /* Blue - Brown */
+ /* --primary: #35374B; */
+ /* --secondary: #344955; */
+ /* --tertiary: #50727b; */
+ /* --quaternary: #78a083; */
+ /* --background: #c7b077; */
+
+ /* Black - White */
+ --primary: black;
+ --secondary: black;
+ --tertiary: black;
+ --quaternary: #cccccc;
+ --background: white;
+
+ /* Blue - White */
+ /* --primary: #201e43; */
+ /* --secondary: #134b70; */
+ /* --tertiary: #508c9b; */
+ /* --quaternary: #cceeee; */
+ /* --background: #eeeeee; */
+
+ --font-heading: big_noodle_titling;
+ --font-text: CreatoDisplay;
+ --font-size-text: 90%;
+ --font-size-heading: 2.5em;
+ --font-size-tableheading: 1.2em;
+}
diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index 0a1bd36..ce2e067 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/nginx/vue/src/views/Home.vue
@@ -31,13 +31,3 @@ import CurrentlyListening from "@/components/CurrentlyListening.vue";
-
-