changed About page

src/components/AboutPage.vue

@@ -25,8 +25,8 @@ a:hover {
 }
 
 a {
-  color: #ff4c2b;
-
+  color: #333042;
+  text-decoration: underline;
 }
 
 .container_width {
@@ -38,24 +38,28 @@ a {
 }
 
 .title_story {
-  font-size: 80px;
+  font-size: 300%;
   font-family: 'Work Sans', sans-serif;
   padding-left: 20px;
   padding-top: 70px;
-  color: #333042
+  text-align: center;
+  border-right: 3px #ffcccc;
+  border-bottom: 3px #ffcccc;
+  /*border-radius: 120px 0px;*/
+  border-style: solid dotted;
+  height: auto;
 }
+
 #footer {
-  margin-top: 14em;
-  margin-left: 30px;
+  margin-left: 36px;
   font-family: 'Poppins', sans-serif;
-  margin-bottom: 3em;
-
-
 }
 
 @media (max-width: 575px) {
   .title_story {
-    font-size: 30px;
+    font-size: 300%;
+    line-height: 52px;
+    padding-bottom: 16px;
   }
 }
 
@@ -86,16 +90,14 @@ a {
                     <p>The website has been made using Bootstrap-Vue. All content (text, images, illustrations) is licensed under the Free Art License, unless specified otherwise.</p>
                     <p>The first issue of the project has been developed with the help of the CBK Rotterdam PPR fund.</p>
         </b-col>
-        <b-col md="6"></b-col>
-
-    </b-row>
-    <b-row>
-      <p id="footer"><a href="/">Read the second issue</a></p>
-      <p id="footer"><a href="/firstissue">Read the first issue</a></p>
-
-
-    </b-row>
-  </b-container>
+        <b-col md="6">
+          <p id="footer">
+            <a href="/firstissue">Issue #1: On eating in isolation</a>
+              <br>
+            <a href="/">Issue #2: On adapting</a></p>
+        </b-col>
+      </b-row>
+    </b-container>
 
 </template>