moving fonts around

nginx/vue/src/assets/css/cv_styles.css

@@ -1,35 +1,35 @@
 /* Fonts */
 @font-face {
     font-family: "AldoTheApache";
-    src: url("/fonts/AldotheApache.ttf") format("truetype");
+    src: url("@/assets/fonts/AldotheApache.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: "RobotFont";
-    src: url("/fonts/Robot_Font.otf") format("opentype");
+    src: url("@/assets/fonts/Robot_Font.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: "m12";
-    src: url("/fonts/m12.ttf") format("truetype");
+    src: url("@/assets/fonts/m12.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: "big_noodle_titling";
-    src: url("/fonts/big_noodle_titling.ttf") format("truetype");
+    src: url("@/assets/fonts/big_noodle_titling.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: "CreatoDisplay";
-    src: url("/fonts/CreatoDisplay-Bold.otf") format("opentype");
+    src: url("@/assets/fonts/CreatoDisplay-Bold.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
 }

nginx/vue/src/assets/css/styles.css

@@ -5,11 +5,11 @@
 }
 
 body {
-    background-image: linear-gradient(to bottom, aqua, blue);
+    /*background-image: linear-gradient(to bottom, aqua, blue);*/
     font-family: "Times New Roman", Times, serif;
 
-    width: 100vw;
-    height: 100vh;
+    /*width: 100vw;*/
+    /*height: 100vh;*/
 
     /*background-image: url("../img/background.png");
     background-size: cover;*/

nginx/vue/src/views/CoverLetters.vue

@@ -63,7 +63,7 @@
 </template>
 
 <style scoped>
-@import "@assets/css/cv_styles.css";
+@import "@/assets/css/cv_styles.css";
 @media print {
     @page {
         size: A5 landscape;

nginx/vue/src/views/Home.vue

@@ -31,3 +31,13 @@ import CurrentlyListening from "@/components/CurrentlyListening.vue";
         <!--<a href="pages/shrines/gto.html">GTO</a>-->
     </main>
 </template>
+
+<style scoped>
+@import "@/assets/css/styles.css";
+@media print {
+    @page {
+        size: A4 portrait;
+        margin: 0;
+    }
+}
+</style>