diff --git a/index.html b/index.html
index 5f2194f..bbd4d5a 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 
 <head>
     <link href="./css/clone.css" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="style1.css">
     <link rel="icon" href="https://toppng.com/uploads/preview/stress-on-professionals-work-stress-icon-11562868636nbyc3uxqtk.png">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script type="text/javascript" src="./js/bone.js">
@@ -20,15 +21,17 @@
                 STRESS FIT
             </div>
             <div id="one2" align="right">
-                <a href="#contact">Contact Us </a>
-                <a href="#about">About Us </a>
-                <a href="#test">Stress Test </a>
-                <a href="#team">Team </a>
-                <a href="./templates/login.html">Login </a>
-                <a href="./templates/signup.html">Sign Up </a>
-                <a href="#soln">Smart Solutions </a>
-                <a href="./templates/diet2.html">Diet Plan </a>
-                <a href="#one">Home </a>
+               <ul>
+                   <li><a href="#contact">Contact Us </a></li>
+                   <li> <a href="#about">About Us </a></li>
+                   <li> <a href="#test">Stress Test </a></li>
+                   <li> <a href="#team">Team </a></li>
+                   <li><a href="./templates/login.html">Login </a></li>
+                   <li><a href="./templates/signup.html">Sign Up </a></li>
+                   <li><a href="#soln">Smart Solutions </a></li>
+                   <li><a href="./templates/diet2.html">Diet Plan </a></li>
+                   <li> <a href="#one">Home </a></li>
+                </ul>
             </div>
         </div>
 
diff --git a/style1.css b/style1.css
new file mode 100644
index 0000000..b6db9cd
--- /dev/null
+++ b/style1.css
@@ -0,0 +1,101 @@
+body  
+{  
+    margin: 0;  
+    padding: 0;  
+    background-color:#6abadeba;  
+    font-family: 'Arial';  
+}  
+.login{  
+        width: 382px;  
+        overflow: hidden;  
+        margin: auto;  
+        margin: 20 0 0 450px;  
+        padding: 80px;  
+        background: #23463f;  
+        border-radius: 15px ;  
+          
+} 
+h1{
+    text-align: center;  
+    color: #277582;  
+    padding: 20px;  
+} 
+h2{  
+    text-align: center;  
+    color: #277582;  
+    padding: 20px;  
+} 
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+/* Change the link color to #111 (black) on hover */
+li a:hover {
+  background-color: #111;
+}
+#one31{
+    color: #FDFEFE;  
+    font-size: 25px;  
+    text-align: center;
+}
+#one33{
+    font-size: 25px;  
+    text-align: center;
+}
+#one32{
+    font-size: 25px;  
+    text-align: center;
+}
+label{  
+    color: #08ffd1;  
+    font-size: 17px;  
+}  
+#Uname{  
+    width: 300px;  
+    height: 30px;  
+    border: none;  
+    border-radius: 3px;  
+    padding-left: 8px;  
+}  
+#Pass{  
+    width: 300px;  
+    height: 30px;  
+    border: none;  
+    border-radius: 3px;  
+    padding-left: 8px;  
+      
+}  
+#log{  
+    width: 300px;  
+    height: 30px;  
+    border: none;  
+    border-radius: 17px;  
+    padding-left: 7px;  
+    color: blue;  
+  
+  
+}  
+span{  
+    color: white;  
+    font-size: 17px;  
+}  
+a{  
+    float: right;  
+    background-color: grey;  
+}  
