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`