changed knife.vue & secondedition.vue

src/components/SecondEditionPage.vue

@@ -20,9 +20,9 @@ body {
 }
 
 #magi {
-  width: 40%;
+  width: 50%;
   z-index: -1;
-  padding: 20px;
+  /*padding: 20px;*/
   --color-stop: #fff5f5;
   --color-bot: #333042;
 }
@@ -32,11 +32,11 @@ body {
 }
 
 #mag_title {
-  font-size: 450%;
+  font-size: 500%;
   /*color: #ffcccc;*/
   color: #1B75BC;
   font-family: 'Work Sans', sans-serif;
-  text-align: center;
+  text-align: left;
   z-index: 1;
   padding: 6px;
 
@@ -92,18 +92,17 @@ a {
 
 #edition {
   color: #1B75BC;
-  font-family: 'Happy Times';
-  margin-top: 55px;
-
-
+  font-family: 'Work Sans';
+  letter-spacing: 1px;
+  /*margin-top: 55px;*/
 }
 
 @media (max-width: 1217px) {
   #mag_title {
-    font-size: 300%;
+    font-size: 500%;
     padding-top: 10px;
-    padding-left: 12px;
-    padding-right: 12px;
+    /*padding-left: 12px;*/
+    /*padding-right: 12px;*/
   }
   #mag_subtitle {
     font-size: 150%;

src/components/knife.vue

@@ -5,6 +5,11 @@
   font-family: 'Happy Times';
   src: url('../../fonts/happy-times-NG_regular_master.otf');
 }
+@font-face {
+  font-family: 'SemiLightDots';
+  src: url('../../fonts/AC1-SemiLightDots.otf');
+}
+
 * {
     border: 0px black solid;
     background-color: white;
@@ -47,7 +52,7 @@ a {
 
 .title_story {
   font-size: 80px;
-  font-family: 'Work Sans', sans-serif;
+  font-family: 'SemiLightDots', sans-serif;
   padding-top: 20px;
   color: #FA00FF;
   text-align: center;