Upd

JustAundre · Jan 25, 2024 · 23e1bbf · 23e1bbf
1 parent b7a5b53
commit 23e1bbf
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8">
     <title>∙ DarkerMode | Landing Page</title>
-    <link rel="stylesheet" href="https://raw.githubusercontent.com/ItsAundre/DarkerMode/main/style.css">
+    <link rel="stylesheet" href="style.css">
+    <link rel="script" href="script.js">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins">
   </head>

diff --git a/style.css b/style.css
@@ -1,11 +1,15 @@
+body * {
+  display: flex;
+  position: relative;
+}
 body {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
-  margin: 0;
+  margin: 0px;
   background: rgb(10, 10, 10);
-  font-family: "Comfortaa";
+  font-family: Comfortaa;
   font-size: 16px;
 }
 
@@ -20,48 +24,52 @@ body {
 }
 
 .topFooter {
-  display: flex;
   position: fixed;
   height: 10vh;
   width: 100vw;
   top: 0%;
   background: rgb(10, 10, 10);
-  border-bottom-width: .5px;
-  border-bottom-style: solid;
-  border-bottom-color: rgb(15, 15, 15);
+  border-bottom: 0.5px solid rgb(15, 15, 15);
   display: flex;
-  justify-content: center;
+  place-content: center;
   align-items: center;
-  flex-direction: row;
-  align-content: center;
+  justify-content: space-evenly;
 }
 
 .homeButton {
   margin: 2px;
-  padding-left: 2.5px;
-  padding-right: 2.5px;
-  padding-top: 1.25px;
-  padding-bottom: 1.25px;
+  padding: 1.25px 2.5px;
   position: relative;
   display: block;
   border-radius: 1px;
   width: fit-content;
   color: white;
   font-size: 4px;
-  background: linear-gradient(to top, rgb(10, 10, 10), rgba(100, 36, 255, .1));
+  background: linear-gradient(to top, rgb(10, 10, 10), rgba(100, 36, 255, 0.1));
+}
+
+.homeButton:hover {
+  transition: .1s ease-in-out;
+  background: linear-gradient(to top, rgb(10, 10, 10), rgba(100, 36, 255, 0.2));
+  cursor: pointer;
+  scale: 1.05;
 }
 
 .termsOfUse {
   margin: 2px;
-  padding-left: 2.5px;
-  padding-right: 2.5px;
-  padding-top: 1.25px;
-  padding-bottom: 1.25px;
+  padding: 1.25px 2.5px;
   position: relative;
   display: block;
   border-radius: 1px;
   width: fit-content;
   color: white;
   font-size: 4px;
   background: linear-gradient(to top, rgb(10, 10, 10), rgba(70, 50, 255, 0.1));
-}
+}
+
+.termsOfUse:hover {
+  transition: .1 ease-in-out;
+  background: linear-gradient(to top, rgb(10, 10, 10), rgba(70, 50, 255, 0.2));
+  cursor: pointer;
+  scale: 1.05;
+}