body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto;background:linear-gradient(315deg,rgba(144,238,144,1) 3%,rgba(120,200,120,1) 38%,rgba(180,255,180,1) 68%,rgba(90,180,90,1) 98%);animation:gradient 15s ease infinite;background-size:400% 400%;background-attachment:fixed}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{background:rgb(255 255 255/25%);border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:12em;animation:wave 10s linear -3s infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear infinite reverse;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s infinite reverse;opacity:.9}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}.invert-text{filter:invert(1);mix-blend-mode:difference}html{scroll-behavior:smooth}.arrow-div{height:200px;position:relative;width:200px}@keyframes bouncing{0%{bottom:0}50%{bottom:20px}to{bottom:0}}.arrow{animation:bouncing 1s ease-in-out infinite;bottom:0;display:block;height:50px;left:50%;margin-left:-30%;position:absolute;width:50px}