diff --git a/index.html b/index.html
index 33b95d0..41322c9 100644
--- a/index.html
+++ b/index.html
@@ -163,7 +163,8 @@
             <div class="logo">KodePilot</div>
             <input type="text" class="search" placeholder="Search Opportunities">
             <div class="buttons">
-                <a href="/login">Log in</a>
+                <!-- <a href="/login">Log in</a> -->
+                <button class="login_first" onclick="goToLogin()">Login</button>
                 <button class="business" onclick="getInTouch()">Let's Talk</button>
                 <button class="login" onclick="goToApplay()">Request a call</button>
             </div>
diff --git a/main.css b/main.css
index 75ad144..74400c0 100644
--- a/main.css
+++ b/main.css
@@ -90,11 +90,12 @@
  }
 
  .business {
-     background: #ffcc00;
+     background: #FFD700;
+       color: #030101;
  }
 
  .login {
-     background: #007bff;
+     background: #1E90FF;
      color: #fff;
  }
 
diff --git a/main.js b/main.js
index 677830d..7e622dd 100644
--- a/main.js
+++ b/main.js
@@ -1,3 +1,7 @@
+function goToLogin() {
+    window.location.href = "/login";
+}
+
 function goToApplay() {
     window.location.href = "/apply/";
 }