CSS Battle Solutions

*{margin:50 140}&,dl{background:#9076D8;margin:0;>*,p{padding:30;border:30px solid#fff;border-radius:1in;p{margin:-60}dl{box-shadow:-5ch -5vw 0 5vw#9076D8

&{background:radial-gradient(1q,#23384B 32q,#D36354 0 53q,#D9D9D9 0 74q,#23384B);*{width:30;height:60;box-shadow:59vh 40vw#23384B

&{background:#D95362;>*{border:70px solid#C0D6E7;border-bottom-color:#2D3464;margin:0 129.5 160;p{position:fixed;rotate:45deg;padding:50;background:#2D3464;margin:40-50;color:C0D6E7;box-shadow:25vw 0,0 25vw,25vw 25vw,-38vh -14px,-14px -38vh

*{background:radial-gradient(1q at var(--p,50vw 0),#5A9F48 25vw,#282828 0 130px,#5A9F48 0);*{margin:50 150 0;--p:50px 5pc
```

[a],*{background:#394257}body{display:flex;margin:14 0}p{background:radial-gradient(1q at 50vw 50vw,#0000 130px,#EED9D9 0 170px,#0000 0);border:solid#EED9D9;width:110;border-width:0 40 40 0}[a]{width:100;border-width:40 0}[b]{scale:-1 1

*{background:var(--b,#2D3464)}body{margin:45 95;padding:100;--b:radial-gradient(#C0D6E7 25px,#0000 0);background-size:70px 70px}p{color:D95362;padding:25;margin:-20;box-shadow:0 70px,70px 0,30vw 0,40vw 0,45vw 0;+p{scale:-1;margin:-50-20
```

*{border:var(--b,0)solid;body{background:#5AA4B7;margin:70 120;--b:5vw;-webkit-box-reflect:left -40vw}[a]{box-shadow:-15vw -70px,15vw 70px}p{position:fixed;border-radius:1in;--b:10px;margin:50 20;width:60;+p{rotate:90deg;+p{rotate:45deg
```

p{padding:20;margin:60-110;scale:1 .5}*{background:radial-gradient(1q,#F2EAA8 4vw,var(--c,#EE7667)0 106q,#F2EAA8);*{--c:;margin:30 170;border:5vw solid#F2EAA8

*{background:#4F55A2;*{border-radius:33q;background:#DCC6A8;margin:150 105 55}p,a{a{margin:-50 165}position:fixed;padding:40 15;margin:-75-25;border:11q solid#4F55A2

*{p{margin:-140 0}background:#EEB850;border:solid#243D83;border-width:20 20 0;margin:110 50;*{margin:40 20 0;height:60

*{background:#EED9D9;+*{margin:80 50;+*{margin:-140 110}dl,p{background:#66284A}dl{width:80;height:140;border-radius:10px}img{border-radius:50%;padding:25;margin:15}p{width:60;height:10;margin:15 10;border-block:10px solid#EED9D9

*{background:radial-gradient(1q at 50%0,#5AA4B7 84.5q,var(--b,#2D3464)5em);p{--b:#0000;height:80;margin:80;+p{margin:-80;scale:-1

*{background:var(--b,#EBF6F0);p{+p{scale:-1;margin:0-3}img{--b:#D95362;padding:65;margin:12-3}width:387;height:142;margin:0;--b:radial-gradient(1q at 257px 100%,#0000 5em,#D95362 0 130px,#0000

*{background:#6592CF;border:solid#F7CB71;border-width:0 0 20 20;margin:var(--m,60 90);+*,p,p+p+p{scale:-1}*+*{--m:0 0 0 20}p{position:fixed;--m:20 0 0 20;width:120;height:100}p+p{scale:1;--m:40 0 0 20;width:80;height:60;+p{--m:60;width:40;height:20

*{--a:#334F9F;--b:#97AE41;margin:0;background:linear-gradient(var(--a)90px,var(--b)0 130px,var(--a)0 170px,var(--b)0 70vh,var(--a)0);*{margin:0 40;--a:#97AE41;--b:#334F9F

*{background:#D95362;+*{display:flex;flex-flow:wrap;margin:28 36}[b]{background:#D9D9D9}p{padding:37;margin:0}+p+p{padding:0;border:solid#0000;border-top-color:#D9D9D9;border-width:80 164}img{padding:45;border-radius:50%

&{background:#F4DCBF;margin:110 100;border:solid#556D7F;border-width:10 80;img{color:3C342A;border:10px dashed#556D7F;margin:12 2;scale:2 1;box-shadow:-30px -5vw,-30px 5vw,30px -5vw,30px 5vw

&{background:#FADE8B}*{border:solid#D24444;border-width:40 var(--t,40 40)0;margin:40 145;*{margin:50 0;--t:0

*{border:var(--b,solid)var(--d,#5AA4B7);border-width:var(--c,20);*{--b:dotted;--c:0 100;padding:30;margin:80 50;p{--b:solid;--c:10;--d:#FFF;margin:0-100;padding:10 90;border-radius:1in;background:linear-gradient(90deg,#FFF 5vw,#5AA4B7 0)50px 0/60px

*{background:#fff;border:solid var(--t,#EEB850);border-width:var(--w,20 60 60 20);--t:#EEB850;margin:0;+*,img{--t:#6592CF;--w:0 0 0 60;img{margin:100 0 0;--w:30 130

&{background:#6592CF}p{border:80px solid#0000;border-top-color:var(--t,#F7CB71);width:0;margin:var(--m,150 92);+p{--m:-350 132;+p{scale:-1;--m:70 92;+p{--m:-190 132;+p{--t:#fff;scale:.25;--m:90 52;+p{scale:-.25;--m:-290 52

*{background:#48BF7D;*{border:50px solid#394257;margin:100 108;clip-path:polygon(23vw 0,39vh 25px,39vh 0,167px 50%,39vh 100%,39vh 25px,32vh 46px,32vh 3lh,39vh 75px,23vw 100%,42px 50%

*{background:radial-gradient(1q,#D24444 32q,#FADE8B)no-repeat,#5A9F48;border-radius:10vh;border:10vh solid#FADE8B;margin:70 140;*{margin:-10-50

&,p{background:#F7BED9;border:solid#EC007B;border-width:var(--t,50 );margin:90-50}p{--t:50 50 0;padding:25;margin:-108 142;+p{translate:-50px 8em;--t:0 50 50 50

*{background:var(--b,#B6EBE7);*{margin:var(--m,70)120;+*{--b:#5E2BB7;border-radius:0 0 0 5em;box-shadow:inset -20vw 20vw#9382E4;p{padding:20;--m:0

&,p{border:dotted#D9D9D9}&{background:#243D83;margin:126 162;height:1;border-width:0 20;p{border-width:104;margin:-50 -152;padding:58;a{position:fixed;padding:37.5 34;margin:-105-126;background:#D9D9D9;border-radius:0 0 1in 1in;+a{margin:-105 58

*{background:#394257}p{border:solid#D24444;border-width:40 0 0 40;padding:40;margin:20 192-60 72}[a]{scale:-1 1;margin-left:192

*{background:#fff;border:solid;border-width:var(--w,80);border-color:var(--c,0#5A8D9A 0#9CBBC2);margin:var(--m,-80 120);*{position:fixed;--m:80-170;--w:45;padding:25 125;--c:#9CBBC2;p{--m:-70-90-70 0;padding:25 40;--w:45 0;--c:#5A8D9A;+p{--m:-70-80;--c:#749FAA

*{background:conic-gradient(#48BF7D 25%,#FADE8B 0 50%,#D24444 0 75%,#394257 0)}p{border-top:5em
dotted#fff;margin:110 22;clip-path:polygon(0 50%,25%50%,50%-9%,75%50%,100%50%,99%100%,0 100%

*{background:#FADE8B;margin:50 45;border-inline:53q var(--c,dotted)#D24444;*,p{margin:0 15;border-color:#556D7F;p{padding:100 0;border-width:25;--c:dashed