/* BAKGROUND **/

 /* #container{--a: 10px; --a1:#e2dfdf 10% 20%; --b: 10px; background: 
    linear-gradient(135deg,#0000 10%,var(--a1),#0000 0), 
    repeating-linear-gradient(45deg,var(--a1), rgb(237, 218, 240) 0 40%); 
    background-size: var(--a) var(--b);
}  */

/* #container{ --s: .2dvw;  --_g: #874c4c11 83%,#6417a8 85% 99%,#0000 101%; 
/*background: 
    radial-gradient(15% 19% at right ,var(--_g)) calc(var(--s)/ 3) var(--s), 
    radial-gradient(15% 19% at left  ,var(--_g)) calc(var(--s)/-3) var(--s), 
    radial-gradient(19% 15% at top ,var(--_g)) 0 calc(var(--s)/ 3), 
    radial-gradient(19% 15% at bottom,var(--_g)) 0 calc(var(--s)/-3) #bdbdb6;  
    background-size: calc(2*var(--s)) calc(2*var(--s));
} */

#container{
    --u: .1dvw; --c1: lightgrey; --c2: skyblue;   --c3: burlywood; --gp: 50%/ calc(var(--u) * 10) calc(var(--u) * 7.8); --dg: 0 25%, #fff0 0 100%; --dr: from 45deg at; --dl: from -135deg at; --du: from -45deg at 50%; --dd: from 135deg at 50%;
    background: 
            /*right*/
            conic-gradient(var(--dr) 86% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 76% 62%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 74.5% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 65% 62%, var(--c2) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 63.5% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 56% 62%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 54.5% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dr) 50% 62%, var(--c2) var(--dg)) var(--gp),
            /*left*/
            conic-gradient(var(--dl) 14% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 24% 62%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 25.5% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 35% 62%, var(--c2) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 36.5% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 44% 62%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 45.5% 62%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dl) 50% 62%, var(--c2) var(--dg)) var(--gp),
            /*up*/
            conic-gradient(var(--du) 19%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--du) 31%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--du) 33%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--du) 43.5%, var(--c2) var(--dg)) var(--gp),
            conic-gradient(var(--du) 45.5%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--du) 55%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--du) 57%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--du) 66%, var(--c2) var(--dg)) var(--gp),
            /*down*/
           conic-gradient(var(--dd) 81%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dd) 69%, var(--c3) var(--dg)) var(--gp),
            conic-gradient(var(--dd) 67%, var(--c1) var(--dg)) var(--gp),
            conic-gradient(var(--dd) 58%, var(--c2) var(--dg)) var(--gp); 
        }


/* #container{ --sz: 1px; --sp: 10s; --b1: #f7d4c5; --b2: #d3cfd6; --b3: #e1be9a; --b4: #caac8ee0;	--c1: #e399ff;	--ts: 50%/calc(var(--sz) * 17.5) calc(var(--sz) * 29.5); 
    background:*/
        /* black shadows */
        /* radial-gradient(circle at 50% 50%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts),
        radial-gradient(circle at 0% 0%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts),
        radial-gradient(circle at 0% 100%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts),
        radial-gradient(circle at 100% 0%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts),
        radial-gradient(circle at 100% 100%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts), */
        /* border bottom */
        /* conic-gradient(from 90deg at 97.5% 67%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from 90deg at 97.5% 67%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts),
        conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, var(--c1) 0.5deg 90deg, #fff0 0 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, var(--c1) 0.5deg 90deg, #fff0 0 100%) var(--ts),  */
        /* border top */
        /* conic-gradient(from 270deg at 2.5% 33%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from 270deg at 2.5% 33%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts),
        conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, var(--c1) 0.5deg 90deg, #fff0 0 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, var(--c1) 0.5deg 90deg, #fff0 0 100%) var(--ts), */
        /* bottom */
        /* conic-gradient(from 116.5deg at 50% 85.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from 116.5deg at 50% 85.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from 116.5deg at 50% 85.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), */
        /* conic-gradient(from 120deg at 50% 83%, var(--c1) 0 120deg, #fff0 0 100%) var(--ts), */
        /* top */
        /* conic-gradient(from -63.5deg at 50% 14.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from -63.5deg at 50% 14.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts),  */
        /*repeated*/
        /* conic-gradient(from -63.5deg at 50% 14.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts),
        conic-gradient(from -60deg at 50% 17%, var(--c1) 0 120deg, #fff0 0 100%) var(--ts), */
        /* central gradient */
        /* conic-gradient( from 0deg at 50% 50%, #fff0 0 2deg,  var(--b2) 2.5deg 57.5deg,  #fff0 58deg 62.5deg, var(--b1) 63deg 117.5deg, #fff0 118deg 122.5deg, var(--b3) 123deg 177.5deg, #fff0 178deg 182deg, var(--b2) 182.5deg 237.5deg, #fff0 0 242.5deg, var(--b1) 243deg 297.5deg, #fff0 298deg 302.5deg, var(--b3) 303deg 357.5deg, #fff0 358deg 360deg ) var(--ts), bg  var(--c1); animation: colors var(--sp) linear 0s infinite;}
        @keyframes colors {
            100% { filter: hue-rotate(360deg); }
        } */