diff --git a/frontend/src/LoginForm.css b/frontend/src/LoginForm.css
index b1a9a15..378bb74 100644
--- a/frontend/src/LoginForm.css
+++ b/frontend/src/LoginForm.css
@@ -47,6 +47,7 @@ body{
     height: 420px;
     overflow: hidden;
     z-index: 2;
+    
 }
 .login-container{
     position: absolute;
@@ -56,6 +57,7 @@ body{
     display: flex;
     flex-direction: column;
     transition: .5s ease-in-out;
+    gap: 7px;
 }
 .register-container{
     position: absolute;
@@ -64,6 +66,7 @@ body{
     display: flex;
     flex-direction: column;
     transition: .5s ease-in-out;
+    gap: 7px;
 }
 .top span{
     color: #fff;
@@ -86,7 +89,6 @@ header{
 .two-forms{
     display: flex;
     gap: 20px;
-    border-bottom: 100px;
 }
 .input-field{
     font-size: 15px;
@@ -135,6 +137,7 @@ header{
     color: #fff;
     font-size: small;
     margin-top: 10px;
+    margin-bottom: 10px;
 }
 .two-col .one{
     display: flex;
@@ -147,44 +150,7 @@ header{
 .two label a:hover{
     text-decoration: underline;
 }
-@media only screen and (max-width: 786px){
-    .nav-button{
-        display: none;
-    }
-    .nav-menu.responsive{
-        top: 100px;
-    }
-    .nav-menu{
-        position: absolute;
-        top: -800px;
-        display: flex;
-        justify-content: center;
-        background: rgba(255, 255, 255, 0.2);
-        width: 100%;
-        height: 90vh;
-        backdrop-filter: blur(20px);
-        transition: .3s;
-    }
-    .nav-menu ul{
-        flex-direction: column;
-        text-align: center;
-    }
-    .nav-menu-btn{
-        display: block;
-    }
-    .nav-menu-btn i{
-        font-size: 25px;
-        color: #fff;
-        padding: 10px;
-        background: rgba(255, 255, 255, 0.2);
-        border-radius: 50%;
-        cursor: pointer;
-        transition: .3s;
-    }
-    .nav-menu-btn i:hover{
-        background: rgba(255, 255, 255, 0.15);
-    }
-}
+
 @media only screen and (max-width: 540px) {
     .wrapper{
         min-height: 100vh;