css

swyx · swyx · commit f721cd77a114 · 2018-12-07T10:50:13.000+08:00
diff --git a/src/App.css b/src/App.css
@@ -6,18 +6,15 @@
   color: #d44b15;
   text-align: center;
   background-color: #e5e4e4;
-  /* font-size: 1em; */
   font-family: Lato, serif;
   margin-top: 0px;
-}
+  display: flex;
 
-.title-r1 {
-  line-height: 1em;
-  font-size: 7em;
-  font-weight: 100;
+  align-items: center;
+  justify-content: center;
 }
 
-.title > span {
+.title .italic {
   color: #fff;
   font-size: 2em;
   font-style: italic;
@@ -52,7 +49,6 @@ nav {
     #ffe259
   ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding: 1rem;
-  font-size: 2em;
   font-family: Lato, serif;
   font-weight: bold;
   margin-bottom: 1rem;
diff --git a/src/App.js b/src/App.js
@@ -173,7 +173,8 @@ function App() {
       <div className="App">
         <div className="Appheader">
           <h1 className="title">
-            Netlify Identity <span>&</span> Reach Router
+            <span>Netlify Identity</span>
+            <span class="italic">&</span> <span>Reach Router</span>
           </h1>
           <label>
             <a href="https://www.netlify.com/docs/identity/">
