QOL layout adjustments

Author: hackmods

RyanMorrisGroupPhoto.jpg

@@ -13,7 +13,7 @@
     <meta name="robots" content="index, follow">
     <meta property="og:title" content="Ryan Morris - Stand-up Comedy">
     <meta property="og:description" content="Ryan Morris 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.">
-    <meta property="og:image" content="./RyanMorrisHorizontal.jpg">
+    <meta property="og:image" content="./RyanMorrisGroupPhoto.jpg">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:site" content="@RyanMorrisComedy">
 
@@ -27,7 +27,7 @@
 
     <div class="marquee-container">
         <div class="marquee-text">
-            ⚡ RYAN MORRIS COMEDY ⚡ NIAGARA FALLS ⚡ SET COUNT: 80 ⚡ NO CLICKBAIT ⚡ JUST GROWTH ⚡ BUFFALO FAN BILL ⚡SUPPORT LOCAL COMEDY ⚡
+          ⚡ RYAN MORRIS COMEDY ⚡ SET COUNT: 80 ⚡ NO CLICKBAIT ⚡ JUST GROWTH ⚡ LIVE COMEDY ⚡ NIAGARA FALLS ⚡ BUFFALO FAN BILL ⚡ STILL GETTING IT ⚡ SUPPORT LOCAL COMEDY ⚡ CAN I GET A HOYA ⚡ COMICS SUPPORTING FELLOW COMICS ⚡
         </div>
     </div>
 

black-paper.png

@@ -6,36 +6,49 @@ html {
 
 body {
     background-color: #008080;
-    background-image: url('./black-paper.png');
+    /*background-image: url('./black-paper.png');*/
     font-family: "MS Sans Serif", "Courier New", monospace;
     padding-bottom: 100px;
     /* Extra room for taskbar */
     color: #000;
     display: flex;
     flex-direction: column;
     align-items: center;
+	margin: 0;
 }
 
 
 /* TOP MARQUEE */
 
 .marquee-container {
     background: #ff0000;
-    color: #fff;
-    padding: 5px;
+    color: #FFFF00;      /* Neon yellow text for contrast */
+    padding: 10px 0;
     font-weight: bold;
     border-bottom: 2px solid #000;
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
+    font-family: 'Comic Sans MS', cursive, sans-serif; /* very 90s vibe */
+	text-shadow: 1px 1px 2px #000; /* subtle glow/shadow for retro feel */
+    box-sizing: border-box;
 }
 
 .marquee-text {
     display: inline-block;
-    animation: scroll 15s linear infinite;
+    animation: scrollMarquee 15s linear infinite;
+}
+
+@keyframes scrollMarquee {
+    0% {
+        transform: translateX(0%);
+    }
+    100% {
+        transform: translateX(-100%);
+    }
 }
 
-@keyframes scroll {
+@keyframes scrollLeftRight {
     0% {
         transform: translateX(100%);
     }