diff --git a/src/css/components/hero.css b/src/css/components/hero.css
index 0777107..5fd64c0 100644
--- a/src/css/components/hero.css
+++ b/src/css/components/hero.css
@@ -2,23 +2,27 @@
   height: 90svh;
 }
 .hero div {
-  text-align: center;
+  text-align: start;
   flex-direction: column;
   justify-content: end;
-  align-items: center;
+  align-items: start;
   display: flex;
 }
 .hero p {
   max-width: 48ch;
 }
-@media screen and (min-width: 768px) {
-  .hero div {
-    text-align: start;
-    align-items: start;
-  }
-}
 .hero-title {
   font-size: 1.8rem;
+  font-weight: 600;
+  line-height: 1;
+  margin-bottom: .4em;
+}
+.hero-title .accent-font {
+  font-size: 1.5em;
+  line-height: 1;
+  font-weight: normal;
+  font-style: italic;
+  color: currentColor;
 }
 @media screen and (min-width: 768px) {
   .hero-title {