@@ -2763,36 +2763,23 @@ section#demo {
27632763    color :  green;
27642764}
27652765
2766- html {
2766+ html   {
27672767    margin :  0 ;
27682768    padding :  0 ;
27692769    min-height :  100%  ;
27702770    background : 
2771-         radial-gradient (circle at var (--x1 ,  25%  ) var (--y1 ,  75%  ),  rgba (130 ,   0 ,   255 ,  0.4 ),  transparent 40%  ), 
2772-         radial-gradient (circle at var (--x2 ,  75%  ) var (--y2 ,  25%  ),  rgba (0 ,   98 ,   255 ,  0.5 ),  transparent 45%  ), 
2773-         radial-gradient (circle at var (--x3 ,  50%  ) var (--y3 ,  50%  ),  rgba (72 ,   0 ,   120 ,  0.6 ),  transparent 60%  ), 
2774-         radial-gradient (circle at var (--x4 ,  60%  ) var (--y4 ,  80%  ),  rgba (200 ,   0 ,   255 ,  0.3 ),  transparent 50%  ), 
2775-         linear-gradient (135deg  ,  # 3a0ca3 ,  # 4361ee ,  # 7209b7  );
2771+         radial-gradient (circle at var (--x1 ,  25%  ) var (--y1 ,  75%  ),  rgba (79 ,   72 ,   181 ,  0.4 ),  transparent 40%  ), 
2772+         radial-gradient (circle at var (--x2 ,  75%  ) var (--y2 ,  25%  ),  rgba (18 ,   75 ,   131 ,  0.5 ),  transparent 45%  ), 
2773+         radial-gradient (circle at var (--x3 ,  50%  ) var (--y3 ,  50%  ),  rgba (40 ,   98 ,   114 ,  0.6 ),  transparent 60%  ), 
2774+         radial-gradient (circle at var (--x4 ,  60%  ) var (--y4 ,  80%  ),  rgba (138 ,   214 ,   236 ,  0.3 ),  transparent 50%  ), 
2775+         linear-gradient (135deg  ,  # 4F48B5 ,  # 124B83 ,  # 286272  );
27762776    background-blend-mode :  screen;
27772777    background-repeat :  no-repeat;
27782778    background-size :  cover;
27792779    background-attachment :  fixed;
27802780    transition :  background-position 0.2s   ease;
27812781}
27822782
2783- html  {
2784-     min-height :  100%  ;
2785-     background : 
2786-         radial-gradient (circle at var (--x1 ,  25%  ) var (--y1 ,  75%  ),  rgba (130 ,  0 ,  255 ,  0.4 ),  transparent 40%  ), 
2787-         radial-gradient (circle at var (--x2 ,  75%  ) var (--y2 ,  25%  ),  rgba (0 ,  98 ,  255 ,  0.5 ),  transparent 45%  ), 
2788-         radial-gradient (circle at var (--x3 ,  50%  ) var (--y3 ,  50%  ),  rgba (72 ,  0 ,  120 ,  0.6 ),  transparent 60%  ), 
2789-         radial-gradient (circle at var (--x4 ,  60%  ) var (--y4 ,  80%  ),  rgba (200 ,  0 ,  255 ,  0.3 ),  transparent 50%  ), 
2790-         linear-gradient (135deg  ,  # 3a0ca3,  # 4361ee,  # 7209b7 );
2791-     background-attachment :  fixed;
2792-     background-blend-mode :  screen;  
2793-     background-size :  cover;
2794- }
2795- 
27962783@keyframes  gradientGlow {
27972784  0%   {
27982785    --x1 :  30%  ;
0 commit comments