styling of heading llke in the jigsaw version

src/public/simple-basic.css

@@ -1,14 +1,19 @@
 body {
     min-height: 100vh;
-    display: flex;
-    justify-content: center;
 }
 
 .container {
-    margin-top: 3rem;
+    padding-top: 3rem;
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: .5rem;
+}
+
+.headingbox>h1 {
+    font-size: 1.5rem;
+    font-weight: 800;
+    font-family: monospace;
 }
 
 .imgbox>img {

src/public/simple-orange.css

@@ -1,3 +1,7 @@
 body {
     background-image: linear-gradient(165deg, #c7a25c 0%, #ff9601 43%, #980d0d 100%);
+}
+
+.headingbox {
+    color: #FFFFFF;
 }

src/views/index.ejs

@@ -5,7 +5,7 @@
         <img src="img/<%= filenameProfilePic %> " alt="">
     </div>
     <div class="headingbox">
-        <span><%= name %></span>
+        <h1><%= name %></h1>
     </div>
     <div class="linkbox">