Added some finishing touches to the people page

Author: Jenpj234

views/js/evently/src/HostList.css

@@ -11,7 +11,7 @@ body {
 }
 
 .header h1 {
-  font-size: 2.5rem;
+  font-size: 3rem;
   color: #000;
 }
 
@@ -86,6 +86,10 @@ table th, table td {
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Optional shadow for card */
 }
 
+.accountContainer h2 {
+  margin: 10px;
+  font-size: 25px;
+}
 .accountInfo {
   width: 100px;
   height: 100px;
@@ -100,15 +104,6 @@ table th, table td {
   object-fit: cover; /* Ensures image fits nicely in circle */
 }
 
-.accountInfo p {
-  margin: 0;
-  padding: 0;
-  font-size: 14px; /* Adjusts text size */
-  color: #ffffff; /* Text color for better contrast */
-  text-align: center; /* Centers text within container */
-}
-
-
 .nav-bar-container {
   display: flex;
   justify-content: center;
@@ -118,7 +113,6 @@ table th, table td {
   margin: 0; /* Remove default body margin if needed */
 }
 
-
 .account-search-bar {
   --padding: 14px;
 

views/js/evently/src/HostList.jsx

@@ -80,7 +80,9 @@ function HostList() {
 
     <div class="peopleSection-container">
       <div class="peopleSection">
-        <div class="accountContainer">
+
+
+         <div class="accountContainer">
           <div class="accountInfo">
             <img src={profileImage1} alt="Profile picture" className="profile-image" />
           </div>