diff --git a/client/src/images/tutorial/add-role-to-deck.gif b/client/src/images/tutorial/add-role-to-deck.gif
index 38d3ebf..72e72b1 100644
Binary files a/client/src/images/tutorial/add-role-to-deck.gif and b/client/src/images/tutorial/add-role-to-deck.gif differ
diff --git a/client/src/images/tutorial/create-custom-role.gif b/client/src/images/tutorial/create-custom-role.gif
index 61f4f99..0d8cd44 100644
Binary files a/client/src/images/tutorial/create-custom-role.gif and b/client/src/images/tutorial/create-custom-role.gif differ
diff --git a/client/src/styles/home.css b/client/src/styles/home.css
index 54fb08d..583b8f3 100644
--- a/client/src/styles/home.css
+++ b/client/src/styles/home.css
@@ -114,6 +114,18 @@ img[src='../images/new-logo.png'], #new-logo-container {
     aspect-ratio: 500 / 641;
 }
 
+h3 a {
+    color: #768df0;
+    text-decoration: underline;
+    cursor: pointer;
+    font-family: 'signika-negative', sans-serif;
+    width: fit-content;
+}
+
+h3 a:hover {
+    color: gray;
+}
+
 form > div {
     margin: 15px 0;
 }
@@ -164,6 +176,10 @@ label[for="room-code"], label[for="player-name"] {
         padding: 15px;
     }
 
+    img[src='../images/new-logo.png'], #new-logo-container {
+        margin: 1em 0 0 0;
+    }
+
     #join-container > label {
         font-size: 26px;
     }
diff --git a/client/src/views/home.html b/client/src/views/home.html
index d19469a..6b3a67c 100644
--- a/client/src/views/home.html
+++ b/client/src/views/home.html
@@ -28,7 +28,7 @@
         <div id="new-logo-container">
             <img alt="Werewolf App Logo" src="../images/new-logo.png"/>
         </div>
-        <h3>A tool to run the social deception game Werewolf (aka Mafia) smoothly in a real or virtual social setting.</h3>
+        <h3>An app to create and run games of Werewolf (Mafia) with your friends. No sign-up, installation, or payment required. <a href="/how-to-use">How do I use it?</a></h3>
         <div id="create-join">
             <a href="/create">
                 <button id="home-create-button" class="app-button">Create A Room</button>
diff --git a/client/src/views/how-to-use.html b/client/src/views/how-to-use.html
index 8edb961..3edb209 100644
--- a/client/src/views/how-to-use.html
+++ b/client/src/views/how-to-use.html
@@ -79,13 +79,13 @@
         <br><br>
         Here I add 3 villagers to the game, and then remove them:
         <br><br>
-        <img alt="adding a role to the deck" class='tutorial-image-small' src="../images/tutorial/add-role-to-deck.gif"/>
+        <img alt="adding a role to the deck" class='tutorial-image-small-portrait' src="../images/tutorial/add-role-to-deck.gif"/>
         <br><br>
         You can add, edit, and remove Custom Roles. You can also import and export them via a formatted text file. Click
-        the hamburger menu on the role box to see the import/export options. Here I create a new Custom Role and observe
-        it in the list:
+        the hamburger menu on the role box to see the import/export options. Here I create a new Custom Role, observe it
+        in the list, and add a copy of it to the game:
         <br><br>
-        <img alt="create-custom-role" class='tutorial-image-small' src="../images/tutorial/create-custom-role.gif"/>
+        <img alt="create-custom-role" class='tutorial-image-small-portrait' src="../images/tutorial/create-custom-role.gif"/>
         <br><br>
         <h3>- Step Three: Set an optional timer</h3>
         <br>