diff --git a/index.html b/index.html
index e298c83..ef23c19 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,8 @@
AWS TypeSmart
+
+
diff --git a/styles-footer.css b/styles-footer.css
index b0ed459..2f511c7 100644
--- 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
index 920622d..6b1324b 100644
--- 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
index b7c9e5c..0e33e70 100644
--- 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
new file mode 100644
index 0000000..1e619c6
--- /dev/null
+++ b/variables.css
@@ -0,0 +1,7 @@
+:root {
+ --bgColor: rgb(255 238 197);
+ --textColor: #be0065;
+ --black: #5b4f52;
+ --incorrect: rgb(16, 175, 10);
+ --hover: #5b4f52;
+}