tweak header styles

t-blackwell · Mar 4, 2024 · 746f079 · 746f079
1 parent 6132fdb
commit 746f079
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/example/src/App.css b/example/src/App.css
@@ -1,21 +1,26 @@
 body {
   margin: 0;
-  font-family: 'Roboto', arial, sans-serif;
+  font-family: arial, sans-serif;
 }
 header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   color: #fff;
   background: #24292e;
   padding: 1.3rem 1.5rem;
 }
 .logo {
-  font-family: 'Vollkorn', serif;
   font-size: 1.6rem;
+  letter-spacing: -0.02em;
   margin: 0;
 }
 .example {
-  font-size: 1.4rem;
-  margin-left: 0.4rem;
-  opacity: 0.7;
+  font-size: 1.2rem;
+  background-color: white;
+  color: #24292e;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
 }
 main {
   margin: 0 auto;