diff --git a/static/styles/partials/nav.css b/static/styles/partials/nav.css
index 1912822..4c69f9a 100644
--- a/static/styles/partials/nav.css
+++ b/static/styles/partials/nav.css
@@ -24,9 +24,11 @@
 
   --gen-transition: 0.2s ease-in-out;
 }
+
 a {
   text-decoration: none;
 }
+
 header {
   position: fixed;
   top: 0;
@@ -37,6 +39,7 @@ header {
   z-index: 20;
 
 }
+
 .navbar-container {
   margin: auto;
   /* max-width: 1200px; */
@@ -48,31 +51,38 @@ header {
   justify-content: space-between;
   align-items: center;
 }
+
 .logo-wrapper {
   display: flex;
   align-items: center;
   cursor: pointer;
   margin: 2px;
 }
-.logo-wrapper .logo{
+
+.logo-wrapper .logo {
   margin-top: 0px;
 }
-.logo-wrapper .nav-title{
+
+.logo-wrapper .nav-title {
   margin-left: 5px;
 }
+
 .logo {
   width: 30px;
 }
+
 .nav-title {
   font-weight: var(--fw-bold);
   /* font-weight: var(--fw-regular);  */
   font-size: 28px;
   text-decoration: none;
 }
+
 a .nav-title:hover {
   color: var(--clr-text);
   text-decoration: none;
 }
+
 .nav-items {
   display: flex;
   align-items: center;
@@ -80,15 +90,18 @@ a .nav-title:hover {
   list-style: none;
   /* margin-top: 16px; */
 }
+
 .nav-items li {
   display: inline-block;
   padding: 0 20px;
 }
+
 .nav-items li a {
   /* transition: 0.3s all ease 0s; */
   transition: 0.1s all ease 0s;
   color: var(--clr-text);
 }
+
 .nav-items li a:hover {
   /* background-color: gainsboro;
   padding: var(--btn-padding);
@@ -98,10 +111,12 @@ a .nav-title:hover {
   border-bottom: 2px solid #9900f8;
 
 }
+
 .nav-buttons {
   display: flex;
   gap: 24px;
 }
+
 .nav-btn {
   cursor: pointer;
   color: var(--clr-main-bg);
@@ -109,9 +124,10 @@ a .nav-title:hover {
   padding: var(--btn-padding);
   border-radius: 4px;
   white-space: nowrap;
-  transition:all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
-.nav-btn a:hover{
+
+.nav-btn a:hover {
   text-decoration: none;
   color: var(--clr-light-white);
   cursor: pointer;
@@ -121,16 +137,22 @@ a .nav-title:hover {
   background-color: #9900f8;
   text-decoration: none;
 }
+
 .btn2 {
-  color: var(--clr-main-bg);
-  background-color: var(--clr-lightgrey);
+  color: #212121;
+  background-color: #f0f0f0;
+  border: 1px solid #767676;
   text-decoration: none;
 }
+
 .btn1:hover {
   color: var(--clr-light-white);
   background: #7d00c9;
 }
-.btn2:hover {
-  color: var(--clr-light-white);
-  background-color: var(--clr-grey);
+
+.btn2:hover,
+.btn2:focus {
+  color: #ffffff;
+  background-color: #595959;
+  border-color: #595959;
 }
\ No newline at end of file