3 files changed, 26 insertions, 20 deletions

diff --git a/index.html b/index.html
index 6a64e39..c788aba 100644
--- a/index.html
+++ b/index.html
@@ -18,43 +18,45 @@
 
 <div class="contentWrapper">
     <div class="content">
-        <b>Fook:</b> O Deep Thought computer, the task we have designed you to perform is this.
+        <span class="character">Fook:</span> O Deep Thought computer, the task we have designed you to perform is this.
         We want you to tell us... The Answer.
         <br>
-        <b>Deep Thought:</b> The Answer? The Answer to what?
+        <span class="character">Deep Thought:</span> The Answer? The Answer to what?
         <br>
-        <b>Fook:</b> Life!
+        <span class="character">Fook:</span> Life!
         <br>
-        <b>Lunkwill:</b> The Universe!
+        <span class="character">Lunkwill:</span> The Universe!
         <br>
-        <b>Fook and Lunkwill:</b> Everything - including this web request!
+        <span class="character">Fook and Lunkwill:</span> Everything - including this web request!
         <br>
-        <b>Deep Thought:</b> Tricky... There is an answer. But, I'll have to think about it.
+        <span class="character">Deep Thought:</span> Tricky... There is an answer. But, I'll have to think about it.
         <br>
         <hr>
-        <b>7 1/2 million years later...</b>
+        <span class="character">7 1/2 million years later...</span>
         <hr>
-        <b>Phouchg:</b> Do you have... er, that is...
+        <span class="character">Phouchg:</span> Do you have... er, that is...
         <br>
-        <b>Deep Thought:</b> An Answer for you? Yes, I have.
+        <span class="character">Deep Thought:</span> An Answer for you? Yes, I have.
         <br>
-        <b>Loonsuawl:</b> Tell us!
+        <span class="character">Loonsuawl:</span> Tell us!
         <br>
-        <b>Deep Thought:</b> You're really not going to like it though.
+        <span class="character">Deep Thought:</span> You're really not going to like it though.
         <br>
-        <b>Loonsuawl and Phouchg:</b> Doesn't matter! We must know it! Now!
+        <span class="character">Loonsuawl and Phouchg:</span> Doesn't matter! We must know it! Now!
         <br>
-        <b>Deep Thought:</b> Okay. The Answer to the ultimate question of Life, the Universe and Everything - including
-        this web request...
+        <span class="character">Deep Thought:</span> Okay. The Answer to the ultimate question of Life, the Universe and
+        Everything - including this web request...
         <br>
-        <b>Phouchg:</b> Yes..?
+        <span class="character">Phouchg:</span> Yes..?
         <br>
-        <b>DeepThought:</b> Is...
+        <span class="character">DeepThought:</span> Is...
         <br>
-        <b>Loonsuawl:</b> Yes..!!!...?
+        <span class="character">Loonsuawl:</span> Yes..!!!...?
         <br>
-        <b>Deep Thought:</b> Four-o-four.
-        <h2><b>DON'T PANIC!</b></h2>
+        <span class="character">Deep Thought:</span> Four-o-four.
+        <h2><span class="character">DON'T PANIC!</span></h2>
+        <br>
+        <small>Inspired by Douglas Adams &hearts;</small>
     </div>
 </div>
 
diff --git a/script.js b/script.js
index 6f8d050..7116e29 100644
--- a/script.js
+++ b/script.js
@@ -136,7 +136,7 @@ const whaleDialog =
     "\n" +
     "And the rest, after a sudden wet thud, was silence.";
 const flowerPotDialog = "Not again...";
-const timeout = 5000;
+const timeout = 20000;
 
 setTimeout(() => {
     generateObject();
diff --git a/styles.css b/styles.css
index 1848fdf..c15eabd 100644
--- a/styles.css
+++ b/styles.css
@@ -42,6 +42,10 @@ canvas {
     transform: translate(-50%, -50%);
 }
 
+.character {
+    font-weight: 900;
+}
+
 @media only screen and (max-width: 600px) {
     .content {
         width: 95%;