diff --git a/application.py b/application.py
index 0b4f3332..32b42af9 100644
--- a/application.py
+++ b/application.py
@@ -1,6 +1,5 @@
 from datetime import datetime, timedelta
 import credentials as c
-
 import bcrypt
 import smtplib
 import re
diff --git a/static/img/pexels-rfstudio-3820441.jpg b/static/img/pexels-rfstudio-3820441.jpg
new file mode 100644
index 00000000..9ee42932
Binary files /dev/null and b/static/img/pexels-rfstudio-3820441.jpg differ
diff --git a/static/main.css b/static/main.css
index 734fcb70..13006786 100644
--- a/static/main.css
+++ b/static/main.css
@@ -43,9 +43,33 @@
       padding: 10px 20px;
       border: 1px solid #dddddd;
       border-radius: 3px;
-      margin-bottom: 20px;
+      width: 50%;
+      margin: auto;
+      position: relative;
+      top: 250px;
+      border-radius: 1%;
+      bottom: 250px;
+      box-shadow: 10px 10px 5px lightblue;
+    }
+
+
+    .sign-in-div {
+      position: relative;
+      top: 653px;
+      display: flex;
+      width: 50%;
+      margin: auto;
+    }
+    .login-img-div {
+      z-index: -999;
+      display: block;
+      position: absolute;
+      top: 25px;
+    }
+    .login-img {
+      width: 653px;
+      padding: unset;
     }
-  
     
     .account-img {
       height: 125px;
diff --git a/templates/login.html b/templates/login.html
index 0f3fc7f5..cf0a8d48 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -40,7 +40,10 @@
             </small>
         </form>
     </div>
-    <div class="border-top pt-3">
+    <!-- <div class="login-img-div">
+        <img src="../static/img/pexels-rfstudio-3820441.jpg" class="login-img">
+    </div>  -->   
+    <div class="sign-in-div border-top pt-3">
         <small class="text-muted">
             Need An Account? <a class="ml-2" href="{{ url_for('register') }}">Sign Up Now</a>
         </small>