CSS Battle Solutions

&{background:#3F4869;border:solid#F4DA64;border-radius:0 0 2in 2in;border-width:0 50px 50px;margin:70 70 100;*{color:F4DA64;margin:15 55;box-shadow:0 45vh,164q -69q,-164q -69q

*{background:#FEFAED;body{display:flex;margin:94 80}p{padding:40;background:#9A5DCB;translate:0 var(--r,5ch);border-radius:var(--b,5vw)0;+p{--r:-5ch;--b:5vw 5vw 0;+p{--r:5ch;--b:0 5vw

*{background:#5C8D8F;border-radius:50%;+*{background:#F4DA64;color:F4DA64;margin:-130 70 170;box-shadow:0 75vw,50vw 50vh,-50vw 50vh;display:flex;p{padding:80;margin:50;box-shadow:0 75vw#5C8D8F

*{background:#FAE29E;+*{background:linear-gradient(#4A9A86 90px,#0000 0 130px,#4C4C6B 0);margin:40 75;p{padding:25;margin:40;box-shadow:0 170px#FAE29E

*{position:fixed;background:#E3DCD1;border-radius:1in 0 0 1in;border:solid#D95F5B;border-width:20 0 20 20;margin:80 130;padding:20 30;*{scale:-1;margin:20 10;p{padding:0 55;border-width:10;margin:80-110;+p{margin:-40 20;scale:1

&{background:#EBF6F0;border-bottom:72q solid#4E4B44;*{position:fixed;border-radius:50%;padding:20;color:4A9A86;box-shadow:7vw 51vw,79vw 51vw,90px 51vw 0 10px,254px 51vw 0 10px,43vw 51vw 0 5vw

*{border:50vw solid var(--b,#2D3464);border-bottom:75vw solid#5AA4B7;margin:-140;p{position:fixed;--b:#0000;border-top:75vw solid#C0D6E7;margin:-120

*{background:radial-gradient(1q,#5A9F48 var(--r,30vw),#0A4756);*{--r:53q;margin:90 140

*{background:radial-gradient(1q,#fff 15vw,var(--b,#4F77FF))0 30px;*{border:var(--t,10px)solid#4F77FF;margin:80 180 120;p{padding:10;margin:0-60;--b:#fff;--t:0;box-shadow:0-30px#fff

*{background:var(--b,#594C94);*{--b:#F9DDC6;margin:70 40;p{position:fixed;--b:#594C94;margin:100 0;padding:10 160;box-shadow:35vw 0 var(--c,);color:594C94;+p{;padding:50;margin:0 40;+p{padding:30;margin:0 60;--b:#F9DDC6;border-radius:50%;--c:#F9DDC6

*{rotate:90deg;background:linear-gradient(90deg,#4C6B50 50%,#F7EC7D 0);margin:30 0;*{margin:30 60;p{rotate:180deg;padding:30;margin:0 60;translate:0 60px

*{background:#30383F;border:solid#ED6A9D;border-width:100 50 0;*{margin:0 60 60;border-color:#ED6A9D;border-width:0 60 60;p{position:fixed;border:none;border-radius:50%;padding:90;margin:-90-60;z-index:-1

*{background:radial-gradient(1q,#D95F5B 15ch,#E3CC9E);*{margin:40;translate:0 110px;background:linear-gradient(90deg,#E3CC9E 35vw,#D95F5B 0 45vw,#E3CC9E 0);p{background:radial-gradient(1q,#D95F5B 5ch,#0000);padding:40;translate:-5pc -5ch;+p{translate:5pc -20ch

*{background:#243D83;border-radius:1in;+*{background:#5AA4B7;margin:30 120;clip-path:polygon(0 5pc,50% 0,100%5pc,100%100%,0 100%);p{padding:40;translate:15ch 5pc;-webkit-box-reflect:left 5pc

*{background:#F4DA64;*{background:#243D83;margin:110 180;translate:var(--t,0-70px);box-shadow:0 -10px#D95F5B;p{position:fixed;padding:40 20;--t:-60vh -5vw;+p{--t:-60vh 30px;+p{--t:-130px -5vw;padding:20 40;+p{--t:-90vh -20px

*{background:#5A9F48;color:5A9F48;+*{background:#000;border-radius:1in;&{margin:120 170;box-shadow:0-55px 0 10px,0 55px 0 10px,0 55px 0 5ch#000,0-55px 0 5ch#000,-30px 0 0 10px,30px 0 0 10px,30px 0 0 5ch#000,-30px 0 0 5ch#000;a{padding:45 25;margin:5

*{background:#51A499;position:fixed;border:solid#EAC049;border-width:0 40 40 0;padding:20;margin:50 100;box-shadow:10px 10px 0 10px#282828;*{rotate:90deg;margin:-20 100;p{-webkit-box-reflect:right 5ch

*{background:#F3EAD2;p{position:fixed;padding:50;background:#C0D6E7;margin:57 142;rotate:45deg;box-shadow:53q 0#D96C7B,0 0 0 53q#4C455B;clip-path:polygon(0 99%,99%0,150%0,150%150%,0 150%

*{background:#BDE4C1;margin:10;+*{display:flex;p{padding:40;background:linear-gradient(var(--a,#4C455B 15pc,#D95F5B 0));margin:-10 20;border-radius:1in;translate:0 -50px}[a]{translate:0 50px;--a:#4C455B  40px,#D95F5B 0

*{background:#282828;margin:15 40;body{display:flex;p{padding:40;background:linear-gradient(#F9DDC6 5pc,#0000 0 10pc,#F9DDC6 0);margin:0;color:282828}[a]{background:#0000;box-shadow:-30vw -50vw,30vw -50vw,-30vw 50vw,30vw 50vw;z-index:1

*{background:#EDDF5A;color:C53025;border:22q solid;margin:50 180;*{margin:60-200;box-shadow:275q 85q,-275q 85q,-275q -85q,275q -85q

*{background:#E3DCD1;*{margin:-70;background:repeating-linear-gradient(var(--t,90deg),#0000 35px,35px,#243D83 95px,95px,#0000 45mm)var(--u,70px);p{padding:200;--t:45deg;--u:46px

&{background:#BFE33A;border:5ch dashed#5A9F48;margin:30 80;display:flex;p{padding:20;background:#5A9F48;color:#BFE33A;margin:112-8;box-shadow:-5ch 5ch,15ch -15ch#5A9F48,20ch -20ch

&,body,[a]{border-radius:1in}[a]{border-color:#D95F5B}*{background:#D95F5B;border:var(--a,30px)solid#282828;margin:var(--b,40 170);*{--b:30-50;p{position:fixed;--b:-10-11;+p{--a:3px;padding:2 0;--b:35 17;+p{--b:-5 17;+p{rotate:90deg;--b:15-4;+p{--b:15 36

*{background:var(--b,#243D83);margin:var(--r);*{--b:#E3CC9E;--r:130 0;p{position:fixed;--b:#0000;padding:120 80;border:50px solid#4A9A86;border-radius:2in;--r:-45-60}[a]{box-shadow:40px 0#243D83}+p{--r:-255-60;+p{border-color:243D83;--r:-45 200;+p{--r:-255 200

&{background:#186D37;p{border-block:5vw solid#48BF7D;background:#0000;position:fixed;margin:72 167;padding:50 25;+p{rotate:90deg;+p{scale:2;rotate:45deg;+p{rotate:-45deg

*{position:fixed;background:#5AA4B7;border:30px solid#EBF6F0;margin:45 60;padding:0 60;body{color:5AA4B7;margin:0 30;padding:60 0;border-radius:30px 0 0;box-shadow:-90px 0,-60px 0,-30px 0}p{padding:20;border-radius:1in;margin:-10 30;+p{margin:-120 30

&{background:#6592CF;p{background:#EEB850;padding:35;margin:15 102 30}[a]{color:EEB850;position:fixed;padding:40 35;margin:-5 157;box-shadow:-55px 25vw,55px 25vw,0 50vw

*{background:radial-gradient(1q,#282828 5ch,#F58220);*{margin:0;background:radial-gradient(1q at 0 230px,#282828 60px,#0000),radial-gradient(1q at 0 70px,#FFF 60px,#0000)}p{padding:150;scale:-1

&{background:#594C94}p{background:#BFE33A;height:var(--h,80);border-radius:var(--r,10px);margin:var(--m,20 292 0 12)}[a]{--h:40;--m:-60 232 0 12}[b]{--r:0 10px;--h:40;--m:-20 192 0 12}[d]{--h:100;--m:0 172}[e]{scale:-1;--m:0 12 0 192;+[e]{--m:-20 12 0 232;+[e]{--m:-60 12 0 292

*{position:fixed;background:#F3AC3C;*{margin:var(--r,35 95);background:#282828}p{padding:20 10;+p{--r:155 95;+p{rotate:90deg;--r:95 155;+p{--r:95 35;+p{rotate:135deg;--r:24;+p{--r:166;+p{rotate:45deg;--r:166 24;+p{--r:24 166