change background: linear-gradient

Irina-anat · Nov 6, 2023 · 57799d7 · 57799d7
1 parent 06569d9
commit 57799d7
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/pages/Home.module.css b/src/pages/Home.module.css
@@ -10,7 +10,7 @@
    margin: auto;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: auto;
-   background: linear-gradient(315deg, rgba(48, 238, 226, 1) 68%, rgba(255, 255, 0) 98%);
+   background: linear-gradient(315deg, rgba(255, 255, 0) 28%, rgba(48, 238, 226, 1) 68%, rgba(255, 255, 0) 88%);
    /*rgb(111, 163, 216) 38%,*/
    animation: gradient 12s ease infinite;
    background-size: 400% 400%;
@@ -58,7 +58,7 @@
    position: fixed;
    width: 200%;
    height: 12em;
-   animation: wave 10s -3s linear infinite;
+   animation: wave 10s  linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
    bottom: 0;
@@ -68,13 +68,13 @@
 
 .wave:nth-of-type(2) {
    bottom: -1.25em;
-   animation: wave 18s linear reverse infinite;
+   animation: wave 10s linear reverse infinite;
    opacity: 0.8;
 }
 
 .wave:nth-of-type(3) {
    bottom: -2.5em;
-   animation: wave 20s -1s reverse infinite;
+   animation: wave 5s -1s reverse infinite;
    opacity: 0.9;
 }