diff --git a/01-color-flipper/setup/index.html b/01-color-flipper/setup/index.html
index 2aff8364..d6347cfa 100644
--- a/01-color-flipper/setup/index.html
+++ b/01-color-flipper/setup/index.html
@@ -9,7 +9,7 @@
- color flipper
+ color flipper using html css and js
diff --git a/01-color-flipper/setup/styles.css b/01-color-flipper/setup/styles.css
index 238f2296..6494897e 100644
--- a/01-color-flipper/setup/styles.css
+++ b/01-color-flipper/setup/styles.css
@@ -16,13 +16,13 @@ Variables
--clr-primary-1: hsl(205, 86%, 17%);
--clr-primary-2: hsl(205, 77%, 27%);
--clr-primary-3: hsl(205, 72%, 37%);
- --clr-primary-4: hsl(205, 63%, 48%);
+ --clr-primary-4: hsl(205, 20%, 36%);
/* primary/main color */
--clr-primary-5: hsl(205, 78%, 60%);
/* lighter shades of primary color */
--clr-primary-6: hsl(205, 89%, 70%);
--clr-primary-7: hsl(205, 90%, 76%);
- --clr-primary-8: hsl(205, 86%, 81%);
+ --clr-primary-8: hsl(205, 89%, 45%);
--clr-primary-9: hsl(205, 90%, 88%);
--clr-primary-10: hsl(205, 100%, 96%);
/* darkest grey - used for headings */
@@ -39,7 +39,7 @@ Variables
--clr-grey-10: hsl(210, 36%, 96%);
--clr-white: #fff;
--clr-red-dark: hsl(360, 67%, 44%);
- --clr-red-light: hsl(360, 71%, 66%);
+ --clr-red-light: hsl(0, 58%, 41%);
--clr-green-dark: hsl(125, 67%, 44%);
--clr-green-light: hsl(125, 71%, 66%);
--clr-black: #222;
@@ -90,7 +90,7 @@ h4 {
font-family: var(--ff-primary);
}
h1 {
- font-size: 3rem;
+ font-size: 5rem;
}
h2 {
font-size: 2rem;
@@ -116,7 +116,7 @@ p {
font-size: 1.75rem;
}
h4 {
- font-size: 1rem;
+ font-size: 8rem;
}
body {
font-size: 1rem;