.hero {
    --aurora: repeating-linear-gradient(100deg, #3b82f6 _10 %, #a5b4fc _15 %, #93c5fd _20 %, #ddd6fe _25 %, #60a5fa _30 %);
    --dark-gradient: repeating-linear-gradient(100deg, #000 _0 %, #000 _7 %, transparent_10 %, transparent_12 %, #000 _16 %);
    --white-gradient: repeating-linear-gradient(100deg, #fff _0 %, #fff _7 %, transparent_10 %, transparent_12 %, #fff _16 %);
    --blue-300: #93c5fd;
    --blue-400: #60a5fa;
    --blue-500: #3b82f6;
    --indigo-300: #a5b4fc;
    --violet-200: #ddd6fe;
    --black: #000;
    --white: #fff;
    --transparent: transparent;
}