diff --git a/Css-files/login1.css b/Css-files/login1.css
index 34c12195..8d1a188f 100644
--- a/Css-files/login1.css
+++ b/Css-files/login1.css
@@ -29,8 +29,31 @@ body * {
   justify-content: center;
   align-items: center;
   flex-direction: column;
+  position: relative;
+}
+.home-btn{
+  position: absolute;
+  top:32px;
+  left:30px;
+}
+.home-btn a{
+  font-size: 30px;
+  text-decoration: none;
+  color:rgb(149, 15, 95);
+}
+.home-btn a::after {
+  content: ''; /* Creates a pseudo-element */
+  position: absolute;
+  width: 100%; /* Full width of the link */
+  height: 1.5px; /* Thickness of the underline */
+  bottom: -5px;
+  left: 0;
+  background-color: transparent; /* Default background (invisible) */
+  transition: background-color 0.1s ease; /* Smooth transition */
+}
+.home-btn a:hover::after{
+  background-color:white;
 }
-
 .left-login > h1 {
   color: #e13838;
   font-size: 2.5vw;
diff --git a/Css-files/signup1.css b/Css-files/signup1.css
index c31e8915..d348f999 100644
--- a/Css-files/signup1.css
+++ b/Css-files/signup1.css
@@ -25,6 +25,7 @@ body {
   height: 100vh; /* Full viewport height */
   padding: 20px; /* Padding to avoid overflow */
   overflow: hidden; /* Prevents overflow */
+  position:relative;
 }
 
 .main-login {
@@ -34,6 +35,28 @@ body {
   width: 100%;
   overflow: hidden; /* Ensure nothing overflows from the flexbox */
 }
+.homebtn{
+  position: absolute;
+  top:30px;
+  left:25px;
+}
+.homebtn a{
+  font-size: 30px;
+  text-decoration: none;
+}
+.homebtn a::after {
+  content: ''; /* Creates a pseudo-element */
+  position: absolute;
+  width: 100%; /* Full width of the link */
+  height: 1.5px; /* Thickness of the underline */
+  bottom: -5px;
+  left: 0;
+  background-color: transparent; /* Default background (invisible) */
+  transition: background-color 0.1s ease; /* Smooth transition */
+}
+.homebtn a:hover::after{
+  background-color:white;
+}
 
 .card-login {
   width: calc(100% - 40px); /* Full width minus padding */
diff --git a/Html-files/login.html b/Html-files/login.html
index d1011329..56590949 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -116,6 +116,7 @@
   </div>
   <div class="main-login">
     <div class="left-login" style="background-color: transparent;">
+      <div class="home-btn"><a href="../index.html" style="font-family: var(--ff-philosopher);"><b>Retro</b></a></div>
       <div class="container">
         <div class="card">
           <div class="front" style="align-content: center;font-family: var(--ff-philosopher);">
diff --git a/Html-files/signup.html b/Html-files/signup.html
index bcaa38c9..ea921d49 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -194,6 +194,9 @@
       <div class="circle" style="background-color: rgb(96, 0, 95); left: 504px; top: 59px; scale: 0.05;"></div>
   </div>
     <div class="main-login">
+      <div class="homebtn">
+        <a href="../index.html" style="font-family: var(--ff-philosopher); color: rgb(149, 15, 95);"><b>Retro</b></a>
+      </div>
         <div class="left-login">
           <div class="area">
             <div class="way"></div>