Changed Copyright section position and login/signup btn possition

index.html

@@ -64,19 +64,7 @@
         <img src="website/web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
         <img src="website/web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
         <div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
-        <button style="
-        background-color: dimgray;
-        position: relative;
-        left: 1300px;
-        top: 8px;
-        height: 40px;
-        width: 130px; 
-        font-size: 17px;
-        border: none;
-        border-radius: 10px;
-        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
-
-        "><a href="login.html">Login/Signup</a>
+        <button class="login_signup_btn"><a href="login.html">Login/Signup</a>
         </button>
     </nav>
 
@@ -285,30 +273,32 @@
         </form>
     </footer>
     <div class="links">
-        <p>
-        <h3 style="color:rgb(187, 187, 187);"> Designed & Developed by Tejas Gupta</h3>
-        </p>
-        <br>
-        <h4 style="color:rgb(177, 177, 177);">Copyright &copy; <span id="copyright">32949832</span> Tejas Gupta</h4>
         <div class="end_line"></div>
         <div class="small">
             <div class="link_class">
-                <a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
-                    class="table_link">Documentation↗</a>
+                <a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md" class="table_link">Documentation↗</a>
                 <a href="./website/contributor.html" class="table_link">Contributors↗</a>
                 <a href="website/codeOfconduct.html" class="table_link" target="_blank">Code of Conduct↗</a>
                 <a href="website/license.html" class="table_link">License↗</a>
-            </div>
-            <div class="link_class">
-                <a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
+                </div>
+                <div class="link_class">
+                    <a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
                     class="table_link">Figma Design↗</a>
-                <a href="https://tejasgupta.netlify.app">Portfolio↗</a>
-                <a href="https://github.com/multiverseweb">Github Profile↗</a>
-                <a href="https://www.linkedin.com/in/tejascodes/"> LinkedIn ↗</a>
+                    <a href="https://tejasgupta.netlify.app">Portfolio↗</a>
+                    <a href="https://github.com/multiverseweb">Github Profile↗</a>
+                    <a href="https://www.linkedin.com/in/tejascodes/"> LinkedIn ↗</a>
+                </div>
+
             </div>
-
-        </div>
+            <div class="end_line"></div>
+            <br>
+        <p>
+        <h3 style="color:rgb(187, 187, 187);"> Designed & Developed by Tejas Gupta</h3>
+        </p>
+        <br>
+        <h4 style="color:rgb(177, 177, 177);">Copyright &copy; <span id="copyright">32949832</span> Tejas Gupta</h4>
         <div class="end_line"></div>
+        </div>
         <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
         <script src="website/script.js"></script>
 

website/style.css

@@ -93,7 +93,20 @@ html {
         }
     }
 }
+.login_signup_btn{
+
+    background-color: dimgray;
+    position: absolute;
+    right: 75px;
+    top: 8px;
+    height: 40px;
+    width: 130px; 
+    font-size: 17px;
+    border: none;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 
+}
 @keyframes pathTriangle {
     33% {
         stroke-dashoffset: 74;
@@ -474,6 +487,7 @@ tr:hover {
     max-width: 400px;
     box-shadow: 0px 0px 10px black;
     font-size: 1.2rem;
+    border-left: 2px solid rgba(255, 255, 255, 0.103);
 }
 
 .preview {
@@ -1057,8 +1071,11 @@ input {
     border-bottom: 0px solid rgba(255, 255, 255, 0);
     transition-duration: 0.3s;
     color:rgb(192, 192, 192);
+    transition: color 0.3s ease;
+    &:hover{
+        color: #75fbcb;
+    }
 }
-
 .small i {
     margin-top: 20px;
     z-index: 10;