diff --git a/src/index.html b/src/index.html
index e7c4417..8383839 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,15 +9,15 @@
   <body>
     <form>
       <!-- TODO: Fix Logo Rendering Issue-->
-      <img src="/logo.png" />
+      <img src="./logo.svg" />
       <span id="success-message" hidden="true">Success!</span>
       <span id="error-message" hidden="true">Invalid Credentials</span>
-      <label for="email">Email</label>
+      <label for="email" >Email</label>
       <!-- TODO: Add HTML Email Validation to Email Input -->
-      <input id="email" type="text" placeholder="Enter your email" />
+      <input id="email" type="email" placeholder="Enter your email" />
       <label for="password">Password</label>
       <!-- TODO: Update HTML Password Input to Hide Password Visibility -->
-      <input id="password" type="text" placeholder="Enter your password" />
+      <input id="password" type="password" placeholder="Enter your password"/>
       <button>Submit</button>
     </form>
   </body>
diff --git a/src/script.js b/src/script.js
index 4e3be16..f86e2d8 100644
--- a/src/script.js
+++ b/src/script.js
@@ -30,4 +30,17 @@ addEventListener("submit", (event) => {
     2. If they are, call renderSuccess()
     3. If they are not, call renderError()
    */
+    var userFound = false;
+    usersTable.forEach((user) => { 
+      if(user.username === email && user.password == password) {
+        userFound = true;
+      }
+    });
+
+    if(userFound){
+      renderSuccess();
+    } else {
+      renderError();
+    }
+
 });
diff --git a/src/styles.css b/src/styles.css
index 25969e5..6d006f0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -3,6 +3,7 @@ body {
   display: flex;
   /* TODO: Adjust CSS so that form is centered on page */
   align-items: center;
+  justify-content: center;
 }
 
 form {
