@@ -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