improve styling of links

src/assets/css/main.css

@@ -46,6 +46,14 @@
 /* set color of links throughout */
 a {
   color: var(--color-link);
+  font-weight: 700;
+  text-decoration: none;
+  @media only screen and (max-width: 600px) {
+    text-decoration: underline;
+  }
+}
+a:hover {
+  text-decoration: underline;
 }
 /* sets width of text column throughout components */
 .text-container {

src/components/AuthorshipSection.vue

@@ -73,4 +73,7 @@
     font-style: italic;
     font-weight: 300;
   }
+  #authors a {
+    font-weight: 400;
+  }
 </style>
\ No newline at end of file

src/components/ChartCard.vue

@@ -84,6 +84,7 @@
         font-family: sans-serif; /* This is fallback font for old browsers */
         font-family: var(--title-font);
         color: var(--color-title-text);
+        font-weight: 400;
         transform: translateY(50%);
         padding: 0.2rem 2rem 0.2rem 2rem;
         opacity: 0;