diff --git a/index.css b/index.css
index 8ea9dfba..a11cd396 100644
--- a/index.css
+++ b/index.css
@@ -1003,6 +1003,14 @@ body {
     .avatar img {
       max-width: 80%;
     }
+
+    .avatar {
+        margin: 30px -62px;
+    }
+    .visitor-counter{
+        bottom: 1%;
+        left: 4%;
+    }
   }
   
   @media screen and (max-width: 767px) {
@@ -1034,6 +1042,13 @@ body {
     .register-link p, .forgot-password a {
       font-size: 12px;
     }
+    .avatar {
+        margin: 30px -62px;
+    }
+    .visitor-counter{
+        bottom: 1%;
+        left: 4%;
+    }
   }
   @media screen and (width: 463px) and (height: 592px) {
     .section-title h2 {
@@ -1051,4 +1066,11 @@ body {
     .avatar img {
       max-width: 30%;
     }
+    .avatar {
+        margin: 46px 15px;
+    }
+    .visitor-counter{
+        bottom: 1%;
+        left: 4%;
+    }
   }
\ No newline at end of file
diff --git a/index.html b/index.html
index 95081f12..2494dbb2 100644
--- a/index.html
+++ b/index.html
@@ -403,16 +403,16 @@ <h2>Patient Portal</h2>
           <p>Access your medical records, lab results, and prescription history securely.</p>
         </div>
         <div class="container">
-
+    
           <!-- Add Login Form for Patient Portal -->
           <div class="login-box">
             <div class="avatar">
-              <img src="img/avatar.png" height="280px" width="263px" alt="Avatar">
+              <img src="img/avatar.png" height="220px" width="263px" alt="Avatar">
             </div>
-            <form>
+            <form id="loginForm">
               <div class="textbox">
                 <i class="fas fa-user"></i>
-                <input type="text" placeholder="Username" name="username" required class="t1">
+                <input type="text" placeholder="Username" name="username" required>
               </div>
               <br>
               <div class="textbox">
@@ -422,13 +422,15 @@ <h2>Patient Portal</h2>
               <br>
               <input type="submit" class="btn" value="SUBMIT">
               <div class="register-link">
-                <p style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 15px;">Not registered yet?<a href="#" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"> Register Here</a></p>
+                <a href="#">Not registered yet? Register Here</a>
               </div>
               <div class="forgot-password" id="forgot-password-patient-portal">
-                <a style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px;" href="forgot-password.php">Forgot Your Password?</a>
+                <a href="forgot-password.php">Forgot Your Password?</a>
               </div>
             </form>
+            <div id="loginMessage" class="popup-message"></div>
           </div>
+    
         </div>
       </div>
     </section>