index.html (for light/dark mode) | Notion

DARK/LIGHT

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>Dream Collector</title>

<style>

/* --- Animations (Common) --- */

@keyframes gradientAnimation {

0% { background-position: 0% 50%; }

50% { background-position: 100% 50%; }

100% { background-position: 0% 50%; }

}

@keyframes moveNoise {

0%, 100% { transform: translate(0, 0); }

10% { transform: translate(-5%, -10%); }

20% { transform: translate(-15%, 5%); }

30% { transform: translate(7%, -25%); }

40% { transform: translate(-5%, 25%); }

50% { transform: translate(-25%, 10%); }