From 1b26fc67b13a3ae2cd567884fd15df637836e3fa Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Wed, 21 Aug 2019 23:29:17 -0400
Subject: [PATCH] ui: style links on homepage

---
 src/components/Footer/styles.tsx | 11 +++++++++++
 src/components/Layout/styles.tsx | 14 ++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/src/components/Footer/styles.tsx b/src/components/Footer/styles.tsx
index e73d4a5..9b6039b 100644
--- a/src/components/Footer/styles.tsx
+++ b/src/components/Footer/styles.tsx
@@ -4,5 +4,16 @@ import styled from "styled-components"
 export const FooterWrapper = styled.footer`
   & a {
     display: inline;
+    color: #0090d8;
+    font-weight: 700;
+    border-bottom: 2px solid;
+    text-decoration: none;
+    transition: color 0.3s;
+
+    &:hover,
+    &:focus {
+      color: #5dbbea;
+      transition: none;
+    }
   }
 `
diff --git a/src/components/Layout/styles.tsx b/src/components/Layout/styles.tsx
index 1925c0a..5d3b78e 100644
--- a/src/components/Layout/styles.tsx
+++ b/src/components/Layout/styles.tsx
@@ -16,6 +16,20 @@ export const MainContent = styled.main`
   width: 800px;
   max-width: calc(100% - 64px);
   padding: 0 32px;
+
+  a:not(.anchor) {
+    color: #0090d8;
+    font-weight: 700;
+    border-bottom: 2px solid;
+    text-decoration: none;
+    transition: color 0.3s;
+
+    &:hover,
+    &:focus {
+      color: #5dbbea;
+      transition: none;
+    }
+  }
 `
 
 export const WavesSpacer = styled.div`