🎊🌍 Checkpoint

./styles/main.css:69682263/986

styles/main.css

@@ -1,8 +1,8 @@
 /* Our default values set as CSS variables */
 :root {
   --color-bg: #f0f0f0;
-  --color-text-main: #185370;
-  --color-text-header: #93005D;
+  --color-text-main: #640054;
+  --color-text-header: #185370;
   --color-primary: #FFFF00;
   --wrapper-height: 87vh;
   --image-max-width: 300px;
@@ -32,6 +32,14 @@
     format("opentype");
 }
 
+/* Links */
+a:link,
+a:visited {
+  color: var(--color-text-header);
+  font-size: 1.1rem;
+  text-decoration: underline solid 3px var(--color-text-main);
+}
+
 /* Navigation grid */
 .footer {
   display: flex;
@@ -40,26 +48,7 @@
   padding: 1rem 0 0.75rem 0;
   width: 100%;
   flex-wrap: wrap;
-  border-top: 4px solid #fff;
-}
-
-.footer a:not(.btn--remix):link,
-a:not(.btn--remix):visited {
-  font-family: HK Grotesk;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 1.1rem;
-  color: #000;
-  text-decoration: none;
-  border-style: none;
-}
-.footer a:hover {
-  background: var(--color-primary);
-}
-
-.footer .links {
-  padding: 0.5rem 1rem 1.5rem;
-  white-space: nowrap;
+  border-top: 4px solid var(--color-text-header);
 }
 
 .divider {