Update style.css

style.css

@@ -83,7 +83,7 @@ body {
   background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("367699051_6933000596719629_6679415602440356445_n.jpg");
 
   /* Set a specific height */
-  height: 60%;
+  height: 80%;
   /*width:50%;
 
   /* Position and center the image to scale nicely on all screens */
@@ -91,6 +91,14 @@ body {
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
+}
+.hero-text {
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: white;
 }
   .card-a{
      width: 400px; /* Adjust width as needed */