make the hint stand out (one letter)

src/css/style.css

@@ -110,6 +110,7 @@ h2 {
     text-align: center;
     margin: 0.6rem 0;
     color: rgba(231, 251, 255, 0.6);
+    font-weight: 700;
 }
 
 h6 {
@@ -128,6 +129,13 @@ h6 {
     margin: 1.3rem;
 }
 
+#h2-hk-hints {
+    margin-top: 0;
+    color: rgba(255, 255, 255, 1.0);
+    font-weight: 400;
+    text-align: left;
+}
+
 #save-location-input {
     display: block;
     font-family: 'Consolas', monospace;
@@ -211,6 +219,22 @@ input[type="file"] {
     height: 5.65rem;
 }
 
+.hint {
+    display: block;
+    font-style: italic;
+}
+
+.hint::first-letter {
+    position: absolute;
+    float: left;
+    margin-right: 0.6rem;
+    margin-top: 0.2rem;
+    left: 0;
+    top: 0;
+    font-size: 2.7rem;
+    line-height: 1;
+}
+
 .buttons {
     display: flex;
     flex-direction: row;