feat: Update highlight style and intro text on index page

Author: mysk

src/Page/Index.elm

@@ -14,13 +14,13 @@ view =
                     , em [ class "headline-em" ] [ text "something great" ]
                     , text ". "
                     , text "If you're seeing this page, maybe it's "
-                    , span [ class "highlight" ] [ text "your something" ]
+                    , em [ class "highlight-em" ] [ text "your something" ]
                     , text "."
                     ]
                 ]
             , div [ class "copy" ]
                 [ p []
-                    [ text "Hi, my name is Julian. If you're interested in this domain, message me on "
+                    [ text "Hello, my name is Julian. If you're interested in this domain, message me on "
                     , a
                         [ href "https://www.linkedin.com/in/julian-dawson/"
                         , target "_blank"

src/style.css

@@ -53,6 +53,12 @@
     color: var(--color-accent-contrast);
   }
 
+  .highlight-em {
+    @apply italic;
+    background: var(--color-accent);
+    color: var(--color-accent-contrast);
+  }
+
   .link {
     @apply underline underline-offset-4 transition-colors;
     color: var(--color-text);