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; +}