diff --git a/dist/easier/index.html b/dist/easier/index.html index f22c458..b4c3e34 100644 --- a/dist/easier/index.html +++ b/dist/easier/index.html @@ -1,6 +1,13 @@ + + + @@ -45,6 +52,10 @@ + + +
@@ -79,4 +90,4 @@
- \ No newline at end of file + diff --git a/dist/harder/index.html b/dist/harder/index.html index 6f46236..379e01b 100644 --- a/dist/harder/index.html +++ b/dist/harder/index.html @@ -1,6 +1,13 @@ + + + @@ -44,6 +51,10 @@ + + +
@@ -78,4 +89,4 @@
- \ No newline at end of file + diff --git a/dist/help/index.html b/dist/help/index.html index aa0a5ab..aee0340 100644 --- a/dist/help/index.html +++ b/dist/help/index.html @@ -1,6 +1,13 @@ + + + @@ -41,6 +48,10 @@ + + +

Help using Bike Bingo

@@ -74,4 +85,4 @@

Help using Bike Bingo

- \ No newline at end of file + diff --git a/dist/history/cards.js b/dist/history/cards.js index 31bd066..9e18c43 100644 --- a/dist/history/cards.js +++ b/dist/history/cards.js @@ -24,7 +24,7 @@ const cards = [ { name: "Floodway", description: - "A flood-prevention megaproject at Duff Robin provincial park, off Courchaine Rd.", + "A flood-prevention megaproject at Duff Roblin provincial park, off Courchaine Rd.", img: "/history/img/4-floodway.JPG", full_img: "/history/img/4-floodway.JPG", }, diff --git a/dist/history/index.html b/dist/history/index.html index 80cf25e..b1444af 100644 --- a/dist/history/index.html +++ b/dist/history/index.html @@ -1,6 +1,13 @@ + + + @@ -44,6 +51,10 @@ + + +
@@ -76,4 +87,4 @@
- \ No newline at end of file + diff --git a/dist/index.html b/dist/index.html index b1d05de..aee2751 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,6 +1,13 @@ + + + @@ -42,6 +49,10 @@ + + +
@@ -67,4 +78,4 @@

- \ No newline at end of file + diff --git a/dist/style.css b/dist/style.css index b457b9e..b82bfcb 100644 --- a/dist/style.css +++ b/dist/style.css @@ -1,7 +1,7 @@ @import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap'); /* -! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* @@ -33,9 +33,12 @@ 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS */ -html { +html, +:host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -49,6 +52,10 @@ html { /* 4 */ font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -120,8 +127,10 @@ strong { } /* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. */ code, @@ -130,8 +139,12 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-size: 1em; + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -190,6 +203,10 @@ select, textarea { font-family: inherit; /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; @@ -340,6 +357,14 @@ menu { padding: 0; } +/* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + /* Prevent resizing textareas horizontally by default. */ @@ -435,6 +460,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -482,6 +510,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -755,14 +786,9 @@ video { margin-right: 3rem; } -.my-4{ - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-12{ - margin-top: 3rem; - margin-bottom: 3rem; +.mx-4{ + margin-left: 1rem; + margin-right: 1rem; } .mx-auto{ @@ -770,35 +796,40 @@ video { margin-right: auto; } +.my-12{ + margin-top: 3rem; + margin-bottom: 3rem; +} + .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } +.my-4{ + margin-top: 1rem; + margin-bottom: 1rem; +} + .my-8{ margin-top: 2rem; margin-bottom: 2rem; } -.mx-4{ - margin-left: 1rem; - margin-right: 1rem; +.mb-1{ + margin-bottom: 0.25rem; } -.mr-1{ - margin-right: 0.25rem; +.mb-2{ + margin-bottom: 0.5rem; } .ml-auto{ margin-left: auto; } -.mb-2{ - margin-bottom: 0.5rem; -} - -.mb-1{ - margin-bottom: 0.25rem; +.mr-1{ + margin-right: 0.25rem; } .block{ @@ -829,25 +860,25 @@ video { aspect-ratio: 1 / 1; } -.h-screen{ - height: 100vh; +.h-fit{ + height: -moz-fit-content; + height: fit-content; } .h-full{ height: 100%; } -.h-fit{ - height: -moz-fit-content; - height: fit-content; +.h-screen{ + height: 100vh; } -.w-screen{ - width: 100vw; +.w-11\/12{ + width: 91.666667%; } -.w-full{ - width: 100%; +.w-2\/3{ + width: 66.666667%; } .w-fit{ @@ -855,12 +886,12 @@ video { width: fit-content; } -.w-2\/3{ - width: 66.666667%; +.w-full{ + width: 100%; } -.w-11\/12{ - width: 91.666667%; +.w-screen{ + width: 100vw; } .transform{ @@ -926,14 +957,19 @@ video { border-color: rgb(243 244 246 / var(--tw-border-opacity)); } +.bg-blue-700{ + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-blue-700{ +.bg-gray-200{ --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300{ @@ -946,11 +982,6 @@ video { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-gray-200{ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -973,16 +1004,16 @@ video { padding: 1rem; } -.py-2{ - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - .px-4{ padding-left: 1rem; padding-right: 1rem; } +.py-2{ + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .pr-2{ padding-right: 0.5rem; } @@ -991,17 +1022,17 @@ video { text-align: left; } -.font-sans{ - font-family: "DM Sans", sans-serif; -} - .font-icon{ font-family: "Material Icons"; } -.text-5xl{ - font-size: 3rem; - line-height: 1; +.font-sans{ + font-family: "DM Sans", sans-serif; +} + +.text-2xl{ + font-size: 1.5rem; + line-height: 2rem; } .text-3xl{ @@ -1009,19 +1040,14 @@ video { line-height: 2.25rem; } -.text-xs{ - font-size: 0.75rem; - line-height: 1rem; -} - -.text-sm{ - font-size: 0.875rem; - line-height: 1.25rem; +.text-4xl{ + font-size: 2.25rem; + line-height: 2.5rem; } -.text-base{ - font-size: 1rem; - line-height: 1.5rem; +.text-5xl{ + font-size: 3rem; + line-height: 1; } .text-7xl{ @@ -1029,14 +1055,14 @@ video { line-height: 1; } -.text-2xl{ - font-size: 1.5rem; - line-height: 2rem; +.text-base{ + font-size: 1rem; + line-height: 1.5rem; } -.text-4xl{ - font-size: 2.25rem; - line-height: 2.5rem; +.text-sm{ + font-size: 0.875rem; + line-height: 1.25rem; } .text-xl{ @@ -1044,25 +1070,30 @@ video { line-height: 1.75rem; } -.font-bold{ - font-weight: 700; +.text-xs{ + font-size: 0.75rem; + line-height: 1rem; } -.font-light{ - font-weight: 300; +.font-bold{ + font-weight: 700; } .font-extralight{ font-weight: 200; } +.font-light{ + font-weight: 300; +} + .font-semibold{ font-weight: 600; } -.text-blue-700{ +.text-blue-400{ --tw-text-opacity: 1; - color: rgb(29 78 216 / var(--tw-text-opacity)); + color: rgb(96 165 250 / var(--tw-text-opacity)); } .text-blue-500{ @@ -1070,24 +1101,24 @@ video { color: rgb(59 130 246 / var(--tw-text-opacity)); } -.text-gray-100{ +.text-blue-600{ --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); + color: rgb(37 99 235 / var(--tw-text-opacity)); } -.text-gray-700{ +.text-blue-700{ --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); + color: rgb(29 78 216 / var(--tw-text-opacity)); } -.text-blue-400{ +.text-gray-100{ --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); + color: rgb(243 244 246 / var(--tw-text-opacity)); } -.text-gray-900{ +.text-gray-500{ --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600{ @@ -1095,14 +1126,14 @@ video { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.text-gray-500{ +.text-gray-700{ --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(55 65 81 / var(--tw-text-opacity)); } -.text-blue-600{ +.text-gray-900{ --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } .underline{ @@ -1125,14 +1156,14 @@ video { background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.hover\:text-gray-900:hover{ +.hover\:text-blue-600:hover{ --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(37 99 235 / var(--tw-text-opacity)); } -.hover\:text-blue-600:hover{ +.hover\:text-gray-900:hover{ --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } @media (min-width: 640px){ @@ -1162,13 +1193,13 @@ video { } @media (min-width: 1024px){ - .lg\:text-7xl{ - font-size: 4.5rem; + .lg\:text-5xl{ + font-size: 3rem; line-height: 1; } - .lg\:text-5xl{ - font-size: 3rem; + .lg\:text-7xl{ + font-size: 4.5rem; line-height: 1; } } \ No newline at end of file diff --git a/dist/wall/index.html b/dist/wall/index.html index c6c994e..0fc32ae 100644 --- a/dist/wall/index.html +++ b/dist/wall/index.html @@ -1,6 +1,13 @@ + + + @@ -41,6 +48,10 @@ + + +
Home @@ -70,4 +81,4 @@

Easier Challenge

- \ No newline at end of file + diff --git a/src/easier/index.html b/src/easier/index.html index f22c458..b4c3e34 100644 --- a/src/easier/index.html +++ b/src/easier/index.html @@ -1,6 +1,13 @@ + + + @@ -45,6 +52,10 @@ + + +
@@ -79,4 +90,4 @@
- \ No newline at end of file + diff --git a/src/harder/index.html b/src/harder/index.html index 6f46236..379e01b 100644 --- a/src/harder/index.html +++ b/src/harder/index.html @@ -1,6 +1,13 @@ + + + @@ -44,6 +51,10 @@ + + +
@@ -78,4 +89,4 @@
- \ No newline at end of file + diff --git a/src/help/index.html b/src/help/index.html index aa0a5ab..aee0340 100644 --- a/src/help/index.html +++ b/src/help/index.html @@ -1,6 +1,13 @@ + + + @@ -41,6 +48,10 @@ + + +

Help using Bike Bingo

@@ -74,4 +85,4 @@

Help using Bike Bingo

- \ No newline at end of file + diff --git a/src/history/cards.js b/src/history/cards.js index 31bd066..9e18c43 100644 --- a/src/history/cards.js +++ b/src/history/cards.js @@ -24,7 +24,7 @@ const cards = [ { name: "Floodway", description: - "A flood-prevention megaproject at Duff Robin provincial park, off Courchaine Rd.", + "A flood-prevention megaproject at Duff Roblin provincial park, off Courchaine Rd.", img: "/history/img/4-floodway.JPG", full_img: "/history/img/4-floodway.JPG", }, diff --git a/src/history/index.html b/src/history/index.html index 80cf25e..b1444af 100644 --- a/src/history/index.html +++ b/src/history/index.html @@ -1,6 +1,13 @@ + + + @@ -44,6 +51,10 @@ + + +
@@ -76,4 +87,4 @@
- \ No newline at end of file + diff --git a/src/index.html b/src/index.html index b1d05de..aee2751 100644 --- a/src/index.html +++ b/src/index.html @@ -1,6 +1,13 @@ + + + @@ -42,6 +49,10 @@ + + +
@@ -67,4 +78,4 @@

- \ No newline at end of file + diff --git a/src/style.css b/src/style.css index b457b9e..b82bfcb 100644 --- a/src/style.css +++ b/src/style.css @@ -1,7 +1,7 @@ @import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap'); /* -! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* @@ -33,9 +33,12 @@ 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS */ -html { +html, +:host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -49,6 +52,10 @@ html { /* 4 */ font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -120,8 +127,10 @@ strong { } /* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. */ code, @@ -130,8 +139,12 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-size: 1em; + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -190,6 +203,10 @@ select, textarea { font-family: inherit; /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; @@ -340,6 +357,14 @@ menu { padding: 0; } +/* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + /* Prevent resizing textareas horizontally by default. */ @@ -435,6 +460,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -482,6 +510,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -755,14 +786,9 @@ video { margin-right: 3rem; } -.my-4{ - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-12{ - margin-top: 3rem; - margin-bottom: 3rem; +.mx-4{ + margin-left: 1rem; + margin-right: 1rem; } .mx-auto{ @@ -770,35 +796,40 @@ video { margin-right: auto; } +.my-12{ + margin-top: 3rem; + margin-bottom: 3rem; +} + .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } +.my-4{ + margin-top: 1rem; + margin-bottom: 1rem; +} + .my-8{ margin-top: 2rem; margin-bottom: 2rem; } -.mx-4{ - margin-left: 1rem; - margin-right: 1rem; +.mb-1{ + margin-bottom: 0.25rem; } -.mr-1{ - margin-right: 0.25rem; +.mb-2{ + margin-bottom: 0.5rem; } .ml-auto{ margin-left: auto; } -.mb-2{ - margin-bottom: 0.5rem; -} - -.mb-1{ - margin-bottom: 0.25rem; +.mr-1{ + margin-right: 0.25rem; } .block{ @@ -829,25 +860,25 @@ video { aspect-ratio: 1 / 1; } -.h-screen{ - height: 100vh; +.h-fit{ + height: -moz-fit-content; + height: fit-content; } .h-full{ height: 100%; } -.h-fit{ - height: -moz-fit-content; - height: fit-content; +.h-screen{ + height: 100vh; } -.w-screen{ - width: 100vw; +.w-11\/12{ + width: 91.666667%; } -.w-full{ - width: 100%; +.w-2\/3{ + width: 66.666667%; } .w-fit{ @@ -855,12 +886,12 @@ video { width: fit-content; } -.w-2\/3{ - width: 66.666667%; +.w-full{ + width: 100%; } -.w-11\/12{ - width: 91.666667%; +.w-screen{ + width: 100vw; } .transform{ @@ -926,14 +957,19 @@ video { border-color: rgb(243 244 246 / var(--tw-border-opacity)); } +.bg-blue-700{ + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-blue-700{ +.bg-gray-200{ --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300{ @@ -946,11 +982,6 @@ video { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-gray-200{ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -973,16 +1004,16 @@ video { padding: 1rem; } -.py-2{ - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - .px-4{ padding-left: 1rem; padding-right: 1rem; } +.py-2{ + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .pr-2{ padding-right: 0.5rem; } @@ -991,17 +1022,17 @@ video { text-align: left; } -.font-sans{ - font-family: "DM Sans", sans-serif; -} - .font-icon{ font-family: "Material Icons"; } -.text-5xl{ - font-size: 3rem; - line-height: 1; +.font-sans{ + font-family: "DM Sans", sans-serif; +} + +.text-2xl{ + font-size: 1.5rem; + line-height: 2rem; } .text-3xl{ @@ -1009,19 +1040,14 @@ video { line-height: 2.25rem; } -.text-xs{ - font-size: 0.75rem; - line-height: 1rem; -} - -.text-sm{ - font-size: 0.875rem; - line-height: 1.25rem; +.text-4xl{ + font-size: 2.25rem; + line-height: 2.5rem; } -.text-base{ - font-size: 1rem; - line-height: 1.5rem; +.text-5xl{ + font-size: 3rem; + line-height: 1; } .text-7xl{ @@ -1029,14 +1055,14 @@ video { line-height: 1; } -.text-2xl{ - font-size: 1.5rem; - line-height: 2rem; +.text-base{ + font-size: 1rem; + line-height: 1.5rem; } -.text-4xl{ - font-size: 2.25rem; - line-height: 2.5rem; +.text-sm{ + font-size: 0.875rem; + line-height: 1.25rem; } .text-xl{ @@ -1044,25 +1070,30 @@ video { line-height: 1.75rem; } -.font-bold{ - font-weight: 700; +.text-xs{ + font-size: 0.75rem; + line-height: 1rem; } -.font-light{ - font-weight: 300; +.font-bold{ + font-weight: 700; } .font-extralight{ font-weight: 200; } +.font-light{ + font-weight: 300; +} + .font-semibold{ font-weight: 600; } -.text-blue-700{ +.text-blue-400{ --tw-text-opacity: 1; - color: rgb(29 78 216 / var(--tw-text-opacity)); + color: rgb(96 165 250 / var(--tw-text-opacity)); } .text-blue-500{ @@ -1070,24 +1101,24 @@ video { color: rgb(59 130 246 / var(--tw-text-opacity)); } -.text-gray-100{ +.text-blue-600{ --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); + color: rgb(37 99 235 / var(--tw-text-opacity)); } -.text-gray-700{ +.text-blue-700{ --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); + color: rgb(29 78 216 / var(--tw-text-opacity)); } -.text-blue-400{ +.text-gray-100{ --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); + color: rgb(243 244 246 / var(--tw-text-opacity)); } -.text-gray-900{ +.text-gray-500{ --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600{ @@ -1095,14 +1126,14 @@ video { color: rgb(75 85 99 / var(--tw-text-opacity)); } -.text-gray-500{ +.text-gray-700{ --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(55 65 81 / var(--tw-text-opacity)); } -.text-blue-600{ +.text-gray-900{ --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } .underline{ @@ -1125,14 +1156,14 @@ video { background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.hover\:text-gray-900:hover{ +.hover\:text-blue-600:hover{ --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(37 99 235 / var(--tw-text-opacity)); } -.hover\:text-blue-600:hover{ +.hover\:text-gray-900:hover{ --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } @media (min-width: 640px){ @@ -1162,13 +1193,13 @@ video { } @media (min-width: 1024px){ - .lg\:text-7xl{ - font-size: 4.5rem; + .lg\:text-5xl{ + font-size: 3rem; line-height: 1; } - .lg\:text-5xl{ - font-size: 3rem; + .lg\:text-7xl{ + font-size: 4.5rem; line-height: 1; } } \ No newline at end of file diff --git a/src/wall/index.html b/src/wall/index.html index c6c994e..0fc32ae 100644 --- a/src/wall/index.html +++ b/src/wall/index.html @@ -1,6 +1,13 @@ + + + @@ -41,6 +48,10 @@ + + +
Home @@ -70,4 +81,4 @@

Easier Challenge

- \ No newline at end of file +