diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 49dc012ba9b55547246946eecfb194b094e83a69..a275007bcd4535123ba80c1205766e304ecc5b61 100644
--- a/src/assets/css/main.css
+++ b/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 {
diff --git a/src/components/AuthorshipSection.vue b/src/components/AuthorshipSection.vue
index 9586863f94f1e452fec2e2c57a56126aa5bd055c..84ed9589caed9ea00413cb20d0eba9e170f96015 100644
--- a/src/components/AuthorshipSection.vue
+++ b/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
diff --git a/src/components/ChartCard.vue b/src/components/ChartCard.vue
index 8621d706b67756e2ebbd1af7a7dc892eb170ee60..a47569a26206e9d58f09d425ea169ca18da707d9 100644
--- a/src/components/ChartCard.vue
+++ b/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;