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() {
         <span role="img" aria-label="coffee">
           🦀
         </span>
-        {'  '}by <Bold>Yasuaki Uechi</Bold>
+        by{' '}
+        <ExternalLink href="https://uechi.io">
+          <Bold>Yasuaki Uechi</Bold>
+        </ExternalLink>
       </p>
       <Links>
-        <ExternalLink href="https://twitter.com/uetschy">
-          <FaTwitter />
-        </ExternalLink>{' '}
         <ExternalLink href="https://github.com/uetchy/namae">
           <FaGithubAlt />
         </ExternalLink>
+        <ExternalLink href="https://twitter.com/uetschy">
+          <FaTwitter />
+        </ExternalLink>
       </Links>
     </Container>
   )
@@ -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`