diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js index e697c5c..98e031b 100644 --- a/web/src/components/Footer.js +++ b/web/src/components/Footer.js @@ -12,15 +12,18 @@ export default function Footer() { 🦀 - {' '}by Yasuaki Uechi + by{' '} + + Yasuaki Uechi +

- - - {' '} + + + ) @@ -35,6 +38,11 @@ const Container = styled.footer` display: flex; align-items: stretch; justify-content: center; + + ${ExternalLink} { + color: black; + text-decoration: none; + } ` const Links = styled.div` @@ -42,9 +50,8 @@ const Links = styled.div` display: flex; align-items: flex-end; - a { + ${ExternalLink} { margin-right: 5px; - color: black; } ` diff --git a/web/src/components/Welcome.js b/web/src/components/Welcome.js index 8964c31..a28e334 100644 --- a/web/src/components/Welcome.js +++ b/web/src/components/Welcome.js @@ -72,17 +72,14 @@ const Container = styled.div` text-align: left; padding-right: 40px; padding-left: 40px; + font-size: 1.2rem; } ` const Header = styled.h1` - font-size: 5rem; + font-size: 3.5em; line-height: 0.8em; padding-bottom: 30px; - - ${mobile} { - font-size: 4rem; - } ` const Text = styled.p`