Fix layout height, change background video

index.html

@@ -14,7 +14,6 @@
     <main class="container">
         <div class="card logo-card">
             <img src="assets/jmpbianco.png" alt="JMP Games" class="logo">
-            <h1>Enter the next Level</h1>
         </div>
 
         <div class="card game-card">
@@ -22,6 +21,8 @@
             <div class="game-preview">
                 <h3>The Drunken Beard</h3>
 				<iframe style="width:100%" height="315" src="https://www.youtube.com/embed/IGv_IGnXH6s?si=nnKGEUqYjIs4Nw90" title="The Drunken Beard" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                <br/>
+                <br/>
 				<p>In The Drunken Beard, you take the reins of a lively tavern where every pint tells a story. Brew craft beers, manage orders between thirsty dwarves and impatient adventurers, expand the inn and turn it into a legendary haven. Between secret recipes, rustic furnishings, and demanding customers, only the finest innkeeper will win over hearts and livers. Glory awaits.. one beer at a time!
                 </p>
                 <div class="release-date">Demo available May 9th 2025</div>

styles.css

@@ -41,6 +41,7 @@ body {
 }
 
 .container {
+    height: 100%;
     max-width: 1200px;
     width: 90%;
     margin: 2rem auto;
@@ -74,7 +75,7 @@ body {
 }
 
 .logo {
-    width: 150px;
+    width: 250px;
     height: auto;
     margin-bottom: 1rem;
 }
@@ -94,6 +95,12 @@ h2 {
     padding-bottom: 0.5rem;
 }
 
+h3 {
+    font-size: clamp(1.4rem, 4vw, 1.8rem);
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+}
+
 .tagline {
     font-size: 1.2rem;
     opacity: 0.8;