minor changes made + variables.css added.

riyaahlawat · Jun 4, 2024 · 8cc169a · 8cc169a
1 parent dec93d3
commit 8cc169a
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -14,6 +14,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>AWS TypeSmart</title>
+    <!-- CSS sheets -->
+    <link rel="stylesheet" href="variables.css">
     <link rel="stylesheet" href="styles-header.css">
     <link rel="stylesheet" href="./styles-type.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">

diff --git a/styles-footer.css b/styles-footer.css
@@ -1,9 +1,4 @@
-:root {
-    --bgColor: rgb(253, 246, 227);
-    --textColor: #D91C81;
-    --hover: #8f255d;
-    --black: #3A3335;
-}
+@import url('variables.css');
 
 .footer-container {
     margin: 1rem 5rem;
@@ -51,6 +46,7 @@
 }
 .footer-icons:hover{
     color: var(--hover);
+    font-weight: 600;
 }
 .footer-content {
     display: inline;

diff --git a/styles-header.css b/styles-header.css
@@ -1,9 +1,4 @@
-:root {
-    --bgColor: rgb(253, 246, 227);
-    --textColor: #d91c81;
-    --black: #3A3335;
-    --incorrect: rgb(40, 207, 34);
-}
+@import url('variables.css');
 
 .header {
     display: flex;

diff --git a/styles-type.css b/styles-type.css
@@ -1,9 +1,4 @@
-:root {
-    --bgColor: rgb(253, 246, 227);
-    --textColor: #D91C81;
-    --black: #3A3335;
-    --incorrect: rgb(40, 207, 34);
-}
+@import url('variables.css');
 
 body {
     margin: 0;
@@ -46,6 +41,13 @@ button{
     cursor: pointer;
 }
 
+button:hover {
+    font-size: 1rem;
+    color: var(--black);
+    border: 1px solid var(--textColor);
+    font-weight: 600;
+}
+
 div#game{
     line-height: 35px;
     height: 105px;

diff --git a/variables.css b/variables.css
@@ -0,0 +1,7 @@
+:root {
+    --bgColor: rgb(255 238 197);
+    --textColor: #be0065;
+    --black: #5b4f52;
+    --incorrect: rgb(16, 175, 10);
+    --hover: #5b4f52;
+}