From 158a77ba9a6ebeaef49c3a5c3c840791b106f5fa Mon Sep 17 00:00:00 2001 From: Riya Chauhan <96919050+Riyachauhan11@users.noreply.github.com> Date: Sun, 10 Nov 2024 06:24:07 +0530 Subject: [PATCH 1/6] fixed dark mode bg and header --- connectWithsame.html | 27 ++++++++++++++++++++++ costefficient.html | 26 +++++++++++++++++++++ diverseLiteracy.html | 54 +++++++++++++++++++++++++++++--------------- revitalize.html | 28 +++++++++++++++++++++++ 4 files changed, 117 insertions(+), 18 deletions(-) diff --git a/connectWithsame.html b/connectWithsame.html index 7205e6649..1d18d9901 100644 --- a/connectWithsame.html +++ b/connectWithsame.html @@ -712,6 +712,33 @@ .chapter-card:hover .ben{ color: #d26d6d; } +body, html { + height: 100vh; /* Set the body to always take the full viewport height */ + margin: 0; + overflow-x: hidden; /* Prevents horizontal scroll in case of slight overflow */ +} +body.dark-mode { + color: #ffffff; + background-image: url('./assets/images/darkmode_bg.png'); /* Add your dark mode image */ + background-size: cover; + background-position: center; + background-repeat: no-repeat; + min-height: 100vh; /* Ensures the background covers the full screen height */ +} + + /* Basic navbar styling */ + .header { + position: fixed; + top: 0; + min-width: 100%; + z-index: 1000; /* Ensures it stays on top of other content */ + display: flex; + justify-content: center; /* Centers content horizontally */ + align-items: center; /* Centers content vertically if needed */ + border-radius: 0px; + margin: 0px; +} + diff --git a/costefficient.html b/costefficient.html index 6ca106900..db0be2ea1 100644 --- a/costefficient.html +++ b/costefficient.html @@ -685,6 +685,32 @@ .chapter-card:hover .ben{ color: #d26d6d; } +body, html { + height: 100vh; /* Set the body to always take the full viewport height */ + margin: 0; + overflow-x: hidden; /* Prevents horizontal scroll in case of slight overflow */ +} +body.dark-mode { + color: #ffffff; + background-image: url('./assets/images/darkmode_bg.png'); /* Add your dark mode image */ + background-size: cover; + background-position: center; + background-repeat: no-repeat; + min-height: 100vh; /* Ensures the background covers the full screen height */ +} + + /* Basic navbar styling */ + .header { + position: fixed; + top: 0; + min-width: 100%; + z-index: 1000; /* Ensures it stays on top of other content */ + display: flex; + justify-content: center; /* Centers content horizontally */ + align-items: center; /* Centers content vertically if needed */ + border-radius: 0px; +} + diff --git a/diverseLiteracy.html b/diverseLiteracy.html index a9ecff58a..f1d837f4b 100644 --- a/diverseLiteracy.html +++ b/diverseLiteracy.html @@ -61,14 +61,8 @@ diff --git a/revitalize.html b/revitalize.html index 2b8fe416c..62d5a2e3e 100644 --- a/revitalize.html +++ b/revitalize.html @@ -702,6 +702,34 @@ .chapter-card:hover .ben{ color: #d26d6d; } + +body, html { + height: 100vh; /* Set the body to always take the full viewport height */ + margin: 0; + overflow-x: hidden; /* Prevents horizontal scroll in case of slight overflow */ +} +body.dark-mode { + color: #ffffff; + background-image: url('./assets/images/darkmode_bg.png'); /* Add your dark mode image */ + background-size: cover; + background-position: center; + background-repeat: no-repeat; + min-height: 100vh; /* Ensures the background covers the full screen height */ +} + + /* Basic navbar styling */ + .header { + position: fixed; + top: 0; + min-width: 100%; + z-index: 1000; /* Ensures it stays on top of other content */ + display: flex; + justify-content: center; /* Centers content horizontally */ + align-items: center; /* Centers content vertically if needed */ + border-radius: 0px; + margin: 0px; +} + From b65f3c294905db10b9611e7240efedf0d49b13f6 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 10 Nov 2024 08:23:35 +0000 Subject: [PATCH 2/6] Update repo structure --- README.md | 1 + repo_structure.txt | 1 + 2 files changed, 2 insertions(+) diff --git a/README.md b/README.md index a7b3c54f5..b9cbdac6d 100644 --- a/README.md +++ b/README.md @@ -53,6 +53,7 @@ ``` +├── 404.html ├── Code_of_Conduct.md ├── DOTENV ├── Information/ diff --git a/repo_structure.txt b/repo_structure.txt index c39fffecf..5462de876 100644 --- a/repo_structure.txt +++ b/repo_structure.txt @@ -1,3 +1,4 @@ +├── 404.html ├── Code_of_Conduct.md ├── DOTENV ├── Information/ From bc632ef4e513bb00f43cc43daf72d8b66de5fa0d Mon Sep 17 00:00:00 2001 From: Riya Chauhan <96919050+Riyachauhan11@users.noreply.github.com> Date: Sun, 10 Nov 2024 14:27:20 +0530 Subject: [PATCH 3/6] fixing cards alignment and navbar items pos --- connectWithsame.html | 6 +++++- costefficient.html | 8 +++++++- diverseLiteracy.html | 4 ++++ environmental-impact.html | 3 +++ personalized-reading.html | 3 +++ revitalize.html | 4 ++++ 6 files changed, 26 insertions(+), 2 deletions(-) diff --git a/connectWithsame.html b/connectWithsame.html index 1d18d9901..7914b9fc3 100644 --- a/connectWithsame.html +++ b/connectWithsame.html @@ -699,7 +699,8 @@ /* background-color: #34495e; */ } .switch-container{ - margin-top: 80px; + margin-top: 40px; + margin-right: 120px; } .ben { color: var(--sonic-silver); @@ -738,6 +739,9 @@ border-radius: 0px; margin: 0px; } +#section-title1 { + margin-left: 38vh; +} diff --git a/costefficient.html b/costefficient.html index db0be2ea1..4de8c3f55 100644 --- a/costefficient.html +++ b/costefficient.html @@ -482,7 +482,7 @@ .action { position: fixed; - top: 43px; + top: -15px; right: 83px; } @@ -698,6 +698,9 @@ background-repeat: no-repeat; min-height: 100vh; /* Ensures the background covers the full screen height */ } +#section-title1 { + margin-left: 38vh; +} /* Basic navbar styling */ .header { @@ -711,6 +714,9 @@ border-radius: 0px; } +.switch-label{ + margin-right: 50px; +} diff --git a/diverseLiteracy.html b/diverseLiteracy.html index f1d837f4b..113a134c6 100644 --- a/diverseLiteracy.html +++ b/diverseLiteracy.html @@ -740,6 +740,10 @@ .dark-mode .navbar-link { color: #fff; } +#section-title1 { + margin-left: 38vh; +} + diff --git a/environmental-impact.html b/environmental-impact.html index 2c56c6f58..cfac719ee 100644 --- a/environmental-impact.html +++ b/environmental-impact.html @@ -508,6 +508,9 @@ } .chapter-card:hover .ben{ color: #d26d6d; +} +#section-title1 { + margin-left: 38vh; } From 75e7755aba230ad9a76f8d9e4d6e7aa2bf15bd80 Mon Sep 17 00:00:00 2001 From: Riya Chauhan <96919050+Riyachauhan11@users.noreply.github.com> Date: Sun, 10 Nov 2024 14:58:11 +0530 Subject: [PATCH 4/6] fix --- connectWithsame.html | 2 +- costefficient.html | 2 +- diverseLiteracy.html | 2 +- environmental-impact.html | 2 +- personalized-reading.html | 2 +- revitalize.html | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/connectWithsame.html b/connectWithsame.html index 7914b9fc3..9f6165bc6 100644 --- a/connectWithsame.html +++ b/connectWithsame.html @@ -740,7 +740,7 @@ margin: 0px; } #section-title1 { - margin-left: 38vh; + margin-left: 20vh; } diff --git a/costefficient.html b/costefficient.html index 4de8c3f55..0cbc650c5 100644 --- a/costefficient.html +++ b/costefficient.html @@ -699,7 +699,7 @@ min-height: 100vh; /* Ensures the background covers the full screen height */ } #section-title1 { - margin-left: 38vh; + margin-left: 20vh; } /* Basic navbar styling */ diff --git a/diverseLiteracy.html b/diverseLiteracy.html index 113a134c6..03d6a7483 100644 --- a/diverseLiteracy.html +++ b/diverseLiteracy.html @@ -741,7 +741,7 @@ color: #fff; } #section-title1 { - margin-left: 38vh; + margin-left: 20vh; } diff --git a/environmental-impact.html b/environmental-impact.html index cfac719ee..db9859ab3 100644 --- a/environmental-impact.html +++ b/environmental-impact.html @@ -510,7 +510,7 @@ color: #d26d6d; } #section-title1 { - margin-left: 38vh; + margin-left: 20vh; } @@ -802,183 +803,160 @@ }); -
- -
-
-
-
diff --git a/diverseLiteracy.html b/diverseLiteracy.html index 03d6a7483..ad10ec24c 100644 --- a/diverseLiteracy.html +++ b/diverseLiteracy.html @@ -3,7 +3,7 @@ - Cost Efficient - SwapReads + Diverse Literary - SwapReads From 81e64f5cfafbcc2668e91b057587c0745b575fa8 Mon Sep 17 00:00:00 2001 From: Riya Chauhan <96919050+Riyachauhan11@users.noreply.github.com> Date: Sun, 10 Nov 2024 17:10:13 +0530 Subject: [PATCH 6/6] fix --- connectWithsame.html | 9 +++++---- costefficient.html | 4 ++++ diverseLiteracy.html | 4 ++++ environmental-impact.html | 6 ++++++ personalized-reading.html | 6 ++++++ revitalize.html | 4 ++++ 6 files changed, 29 insertions(+), 4 deletions(-) diff --git a/connectWithsame.html b/connectWithsame.html index 00b1ab5bb..f4db7a7eb 100644 --- a/connectWithsame.html +++ b/connectWithsame.html @@ -80,9 +80,6 @@ height: 75%; } - .navbar{ - margin-left: 10%; - } .switch-container{ padding-top: 0%; @@ -716,7 +713,11 @@ body, html { height: 100vh; /* Set the body to always take the full viewport height */ margin: 0; - overflow-x: hidden; /* Prevents horizontal scroll in case of slight overflow */ + overflow-x: hidden; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); + background-attachment: fixed; + background-size: cover; + background-position: center; } body.dark-mode { color: #ffffff; diff --git a/costefficient.html b/costefficient.html index 58f37764c..05d8bc866 100644 --- a/costefficient.html +++ b/costefficient.html @@ -689,6 +689,10 @@ height: 100vh; /* Set the body to always take the full viewport height */ margin: 0; overflow-x: hidden; /* Prevents horizontal scroll in case of slight overflow */ + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); + background-attachment: fixed; + background-size: cover; + background-position: center; } body.dark-mode { color: #ffffff; diff --git a/diverseLiteracy.html b/diverseLiteracy.html index ad10ec24c..13e3b2903 100644 --- a/diverseLiteracy.html +++ b/diverseLiteracy.html @@ -714,6 +714,10 @@ height: 100vh; /* Set the body to always take the full viewport height */ margin: 0; overflow-x: hidden; /* Prevents horizontal scroll in case of slight overflow */ + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); + background-attachment: fixed; + background-size: cover; + background-position: center; } /* Basic navbar styling */ diff --git a/environmental-impact.html b/environmental-impact.html index db9859ab3..e03a5d880 100644 --- a/environmental-impact.html +++ b/environmental-impact.html @@ -511,6 +511,12 @@ } #section-title1 { margin-left: 20vh; +} +body{ + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"); + background-attachment: fixed; + background-size: cover; + background-position: center; }