From 9099105ada1b4244a11728a1d0c953eb90dd75b8 Mon Sep 17 00:00:00 2001
From: Joachim Robert <joachim.robert@protonmail.com>
Date: Wed, 6 Feb 2019 18:25:01 +0100
Subject: [PATCH] About page Hierarchy & Link focus

---
 components/Page/style.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/Page/style.js b/components/Page/style.js
index 64859f9..57a7aeb 100644
--- a/components/Page/style.js
+++ b/components/Page/style.js
@@ -47,7 +47,7 @@ export const SectionHeading = styled.div`
   }
 `;
 
-export const Heading = styled.h3`
+export const Heading = styled.h2`
   font-size: 40px;
   font-weight: 700;
   color: ${theme.text.default};
@@ -58,7 +58,7 @@ export const Heading = styled.h3`
   }
 `;
 
-export const Subheading = styled.h4`
+export const Subheading = styled.p`
   font-size: 22px;
   font-weight: 400;
   color: ${theme.text.tertiary};
@@ -69,6 +69,16 @@ export const Subheading = styled.h4`
     color: ${theme.text.default};
     font-weight: 500;
   }
+  a:hover {
+    text-decoration: underline;
+    text-decoration-color: ${theme.text.tertiary};
+    text-decoration-skip: spaces;
+    text-decoration-skip-ink: auto;
+  }
+  a:active, a:focus {
+    box-shadow: 0 0 0 1px ${theme.bg.default},
+      0 0 0 3px ${props => hexa(props.theme.text.tertiary, 0.25)};
+  }
 
   @media (max-width: 968px) {
     max-width: 100%;