CSS Battle Solutions

body{background:#5AED9C}p{border:0 solid#4B4D88;margin:110 152;padding:25;border-width:0 0 30 30;+p{margin:-240 202;+p{margin:260 202 0 102

*{background:var(--a,#84B9C7);p{--a:#1A353C;margin:100 32 20;height:30;+p{margin:0 32 0 232;height:104;color:1A353C;-webkit-box-reflect:left 80px;box-shadow:inset 30px 0;--a:radial-gradient(127q at 50% 0,#84B9C7 25%,#1A353C 0 50%,#0000 0

*{background:#EAC049;border-radius:50%;p{margin:70 112;background:linear-gradient(var(--a,#343D42)50%,#0000 0);width:160;height:160;+p{scale:-.5;margin:-230 72;+p{--a:#EAC049;scale:.5;margin:70 152;+p{margin:-190 72;scale:.25

*{background:#4A9A86;border:solid;border-color:#EBF6F0#0000;border-width:var(--a,100 77);*{--a:0;border-radius:50%;padding:84 85;margin:-34 38

*{background:#6255AA;margin:0 16}p{background:#D96E9F;width:122;height:120;clip-path:polygon(77%0,1%100%,155%100%);+p{scale:1-1;margin:60 16;+p{scale:-1-1;margin:-180 198;+p{scale:-1 1;margin:-300 198

&{background:linear-gradient(90deg,#E8AD6D 90q,#DE6B67 0 125px,#E8AD6D 0 145px,#DE6B67 0 255px,#E8AD6D 0 275px,#DE6B67 0 315px,#E8AD6D 0);p{margin:80 171;background:#E8AD6D;width:42;height:30;clip-path:polygon(50%0,0%50%,50%100%,100%50%

*{background:#FFEFF7;*{background:radial-gradient(16%50%at 238px,#000 35q,#0000 0),linear-gradient(90deg,#226AA9 145px,#DEB467 0);margin:70 0;clip-path:polygon(0%0%,153q 0%,270q 50%,106q 2in,0%2in

*{background:#498488;body{margin:80;background:linear-gradient(#D9D9D9 20px,#D99795 0)}p{border-radius:50%;padding:60;position:fixed;margin:80-60;+p{margin:80 180

&{margin:0 80;background:#C12E33;border:solid#323130;border-width:160 40 0;p{position:fixed;margin:-168 48 150-8;border:85q solid;border-color:#C12E33#0000;+p{margin:-208-8;rotate:90deg;height:80

*{background:#F58220;body{background:#fff;margin:70 110;transform:skew(-20.5deg)}p{margin:20 60;padding:35 30

*{background:#00B0C8;margin:0;p{border:solid#323130;border-width:30 120;padding:40;margin:-30 0 110}x{background:#323130;padding:20 40;margin:-130 0;display:flex

*{background:#BFE33A;body{border:40px solid#5A9F48;border-radius:50%;margin:30-20 30 180;-webkit-box-reflect:left -40px}p{position:fixed;padding:15 120 ;margin:65-40;+p{rotate:90deg

*{background:#FFE8BD;p{border:solid#31798F;border-radius:1in 1in 0 0;margin:45 172;padding:85 30;border-width:40 40 0 40;+p{translate:-106q -255px

*{background:#D96C7B;p{border:solid#8B0051;margin:181 72;width:60;height:74;border-width:0 40;+p{margin:-255 172

*{background:#4F77FF;*{border:34q solid#fff;+*{border-radius:50%;height:128;margin:54 104}p{width:256;border-width:0 0 34q;margin:128-64

&{background:#EAC049;border:40px solid#51A499;margin:40 90}p{position: fixed;padding:70 90;border-inline:20px solid#EAC049;margin:-8-48;+p{rotate:-90deg

*{background:var(--b,#F1DDF5)}body,[a]{--b:#000;border:25px solid#EAC049;border-radius:1in;width:30;height:30;margin:26 160}[a]{--b:#0000;margin:-25;border-color:#65A3C5;height:260}[b]{margin:-170-25;width:25;height:135;box-shadow:0-25px;--b:#F1DDF5;+[b]{margin:135 30

*{background:#EAC049;*{background:#51A499;margin:20 70;p{position:fixed;width:180;height:140;border-inline:40px solid#EAC049;margin:60 0;+p{rotate:90deg;+p{background:#EAC049;width:60;margin:60;color:EAC049;box-shadow:100px 100px 0-60px,100px -100px 0-60px,-100px -100px 0-60px,-100px 100px 0-60px

*{background:linear-gradient(90deg,#66DBB8 85px,#1A353C 0 115px,#66DBB8 0 285px,#1A353C 0 315px, #66DBB8 0);*{rotate:90deg;margin:90;p{padding:70;background:radial-gradient(#66DBB8 30px,#1A353C 0 60px,#0000 60px);translate:-60px 100px;-webkit-box-reflect:left 60px

&{background:linear-gradient(90deg,#D4ED33 85px,#1A353C 0 115px,#D4ED33 0 150px,#1A353C 0 180px,#D4ED33 0 220px,#1A353C 0 250px,#D4ED33 0 285px,#1A353C 0 315px, #D4ED33 0);*{background:#1A353C;margin:135 150

*{background:linear-gradient(90deg,#A9FFFC 80px,#31798F 0 120px,#A9FFFC 0 180px,#31798F 0 220px,#A9FFFC 0 280px,#31798F 0 320px,#A9FFFC 0);*{width:0;border:solid;border-color:#A9FFFC#A9FFFC#1A353C;border-width:120 150;translate:42px -112px

*{background:#FADE8B;+*{border:solid;border-color:#0000#0000#E3516E;border-width:50 62;translate:0-171px;margin:75;-webkit-box-reflect:below 40px;p{background:radial-gradient(#E3516E 21q,#FADE8B 0 53q,#0000 0);padding:63 40;translate:0 133px

*{background:var(--b,#fff)}[d]{clip-path:polygon(100px 0,0 125px,220px 125px,240px 125px,140px 0)}body{margin:23 80;p{--b:#1A353C;position:fixed;padding:62.5 120;+p{--b:linear-gradient(#FFF 14px,#E0B673 0);padding:var(--a,100 20);margin:30 100;+[a]{--b:#FFF;--a:50;margin:91 70;border-radius:50%;+p{--b:#1A353C;--a:100;margin:141 20

*{background:#E3516E;*{margin:30;border:20px solid#66284A;p{position:fixed;padding:60 110;margin:20;+p{padding:10;background:#66284A;margin:0;color:#66284A;box-shadow:240px 0,0 140px,240px 140px

*{background:var(--b,#E35158);*{--b:#d9d9d9;margin:37 180;p{position:fixed;padding:7;margin:155 40;+p{margin:179 40;padding:15;+p{margin:-7 -36;padding:56;--b:radial-gradient(#E35158 20px,#D9D9D9 0 56px, #0000 0

*{background:linear-gradient(#DAB897 var(--c,),#2D3464 0);body{--c:69px;margin:201 101 -99;border-radius:1in;p{position:fixed;--c:60px;padding:150 15;margin:-81 84;+p{width:70;margin:60 49

*{background:radial-gradient(1q at 165px 80px,#EA3323 5px,#0000),radial-gradient(1q at 190px 80px,#EA3323 10px,#0000),radial-gradient(1q at 225px 80px,#EA3323 15px,#0000),#282828;body{margin:110 270;border:solid;border-color:#0000#F2A73B;border-width:40 0 40 40;p{position:fixed;background:#fff;margin:-70-180;border-radius:20px;padding:70;+p{background:#282828;border-radius:50%;padding:15 7.5;margin:-40-75

*{background:var(--b,#00B0C8);+*{--b:#fff;margin:80 130;border:20px solid#1A353C;p{--b:#fff;padding:10 150;margin:40-100

html,p{background:#6592CF;border:60px solid#FFFFCD}p{padding:60;margin:-188 212;position:fixed;border-radius:50%;+p{margin:112-188

*{background:#E25C57;+*{margin:175 240 0 135;color:EDDF5A;box-shadow:30px 0 inset,35px -25px,70px -50px,105px -75px;p{padding:67;translate:0 25px

*{background:#436F9B;*{color:E38F66;margin:135 185;box-shadow:30px 0 inset,0-25px,0 25px,-70px 25px,70px -25px,0 75px,-25px 75px,-50px 75px,-70px 75px,0-75px,25px -75px,50px -75px,70px -75px