Wave emoji, justify text

index.html

@@ -28,20 +28,16 @@
   <main>
 
     <section class="intro-container">
-      <h1 class="serif">Hi. I'm <i>Alex</i>.</h1>
+      <h1 class="serif">
+        Hi. I'm <i>Alex</i>.
+        <img src="/public/img/wave.svg" alt="Wave" />
+      </h1>
 
       <p>
-        I'm a programmer from the UK working at Facepunch.
-      </p>  
-        <p>
-          I like reverse engineering, graphics programming, and game
-        development. <wbr />
-          I'm also pretty enthusiastic about hardware hacking and electronics, and I'm always looking for new projects to work on.
-        <wbr />
+        I'm a programmer from the UK working at Facepunch. I like reverse engineering, graphics programming, and game development. I'm also pretty enthusiastic about hardware hacking and electronics, and I'm always looking for new projects to work on.
       </p>
       <p>
-        Feel free to check out some of my projects on <a href="https://github.com/xezno">GitHub</a>. <wbr />
-        You can get in touch with me via <a href="mailto:[email protected]">email</a> or <a href="https://twitter.com/realxezno">Twitter</a>.
+        Feel free to check out some of my projects on <a href="https://github.com/xezno">GitHub</a>. You can get in touch with me via <a href="mailto:[email protected]">email</a> or <a href="https://twitter.com/realxezno">Twitter</a>.
       </p>
     </section>
 

styles.css

@@ -10,7 +10,7 @@ body {
   padding: min(5%, 20px) min(10%, 100px);
 
   text-rendering: optimizeLegibility;
-  letter-spacing: -0.025em;
+  letter-spacing: -0.0125em;
 }
 
 body::before {
@@ -32,7 +32,7 @@ body::before {
 
 main {
   width: 100%;
-  max-width: 720px;
+  max-width: 500px;
   margin: auto;
 }
 
@@ -50,6 +50,13 @@ h1 {
   font-weight: normal;
 }
 
+h1 img {
+  width: 1em;
+  height: 1em;
+  margin-bottom: 1rem;
+  display: inline-block;
+}
+
 a {
   color: #BC2D29;
   font-weight: bold;
@@ -93,6 +100,10 @@ nav span.fill {
   margin-top: -100px;
 }
 
+.intro-container p {
+  text-align: justify;
+}
+
 .intro-container h1 {
   margin-bottom: 0;
 }
@@ -103,7 +114,7 @@ nav span.fill {
   }
 
   .intro-container h1 {
-    font-size: 4rem !important;
+    font-size: 3rem !important;
   }
 
   .intro-container {