Change external links to clickable buttons

Author: hackmods

index.html

@@ -38,10 +38,8 @@
                 <img src="RyanMorrisSquare.jpg" alt="Ryan Morris">
             </div>
             <h1>RYAN MORRIS 🎤</h1>
-            <p>Ryan is a Niagara based stand-up comedian performing across Southern Ontario. He tracks every set, records everything, and treats comedy like a craft instead of a lottery. His observational, self-aware material is constantly evolving. Followme2
-                featuring live clips, crowd work, and original ideas straight from the stage.</p>
-            <a href="https://www.instagram.com/ryanmorriscomedy/">Instagram</a> |
-            <a href="https://www.youtube.com/@RyanMorrisComedy">YouTube</a>
+            <p>Ryan is a Niagara based stand-up comedian performing across Southern Ontario. He tracks every set, records everything, and treats comedy like a craft instead of a lottery. His observational, self-aware material is constantly evolving. Featuring live clips, crowd work, and original ideas straight from the stage.</p>
+            <a class="btn" href="https://www.instagram.com/ryanmorriscomedy/">Instagram</a> &nbsp; <a class="btn" href="https://www.youtube.com/@RyanMorrisComedy">YouTube</a>
         </div>
     </div>
     <!--

style.css

@@ -29,7 +29,7 @@ body {
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
-    font-family: 'Comic Sans MS', cursive, sans-serif; /* very 90s vibe */
+    font-family: 'Comic Sans MS', sans-serif; /*'Comic Sans MS', cursive, /* very 90s vibe */
 	text-shadow: 2px 2px 2px #000; /* subtle glow/shadow for retro feel */
     box-sizing: border-box;
 }
@@ -149,7 +149,8 @@ button {
     font-family: inherit;
 }
 
-button {
+button,
+.btn {
     background: #c0c0c0;
     border: 2px outset #fff;
     cursor: pointer;