CSS Battle Solutions

*{margin:0-60;background:linear-gradient(90deg,#EAC049 290px,#51A499 0);*{margin:60-60;scale:-1

*{background:#5A9F48;border:0 solid#394257;border-top-width:80;margin:70 100;*{border-inline-width:30px;margin:-5 55;padding:45 0;p{border-width:30;border-radius:50%;margin:-200-65;padding:50

*{background:var(--b,#F5E3B5);*{--b:#469DBA;margin:90 120;p{position:fixed;border-radius:1in;margin:20-40;padding:40;+p{margin:20 120;--b:#F5E3B5;+p{--b:#469DBA;padding:20 80;margin:40 140

html,p{background:#FEE;border:30px solid#56AE68;border-radius:0 1in 1in 0;margin:45 80 115;p{position:fixed;padding:35 90;margin:72-38;border-radius:0 70px 0 0;border-width:30 30 0

*{background:radial-gradient(circle,#DE6B67 75px,#E8AD6D 0);p{position:fixed;padding:10 100;margin:132 92;background:linear-gradient(90deg,#E8AD6D 20px,#DE6B67 0)90px;rotate:45deg;+p{rotate:-45deg

*{background:var(--b,#2A2753);margin:0;p{width:200;height:200;--b:#C3C441;clip-path:polygon(0 0,100%0,100%105px,50%195px,0 105px);+p{margin:-100 200;scale:-1;--b:#E25C57

*{background:#FCEBEB;p{position:fixed;color:#8E2C88;background:#8E2C88;margin:106 180;padding:36 12;box-shadow:-88px 0,88px 0,var(--b,88px)0;+p{margin:154 136;padding:12;--b:176px

*{background:#14576B;margin:12 62;border:20px solid#5A9F48;+*{margin:14;padding:50;p{color:14576B;margin:-36;border-width:70;box-shadow:120px 120px,-120px 120px,120px -120px,-120px -120px;a{position:fixed;border-color:#14576B;margin:-150-70;box-shadow:100px 0,180px 80px,180px 180px,100px 260px,0 260px,-80px 180px,-80px 80px

*{position:fixed;background:#F58220;border:solid#fff;border-width:var(--b,20);margin:80 50;padding:50 130;*{background:radial-gradient(1q,#F58220 90px,#0000 0);margin:-70-150;padding:70 150;--b:0;p{margin:-10-150;padding:0 140;--b:10

p{margin:52 22;padding:98;background:#BDC8D1;+p{padding:70 170;margin:-268 2;border:20px solid#fff;+p{margin:88 122;padding:70 50

*{--b:#D96C7B;margin:110 190;translate:58q 110px;box-shadow:var(--a,-10px)0;color:8D424D}p{padding:70 50;--b:#D96C7B;translate:-296q -140px;+[a]{margin:-250 140;padding:70 50;--b:#8D424D;border-radius:1in 1in 0 0;--a:95q;color:D96C7B
</style>

*{background:var(--b,#E3CC9E);+*{--b:#995757;margin:40 50;border-radius:50%/21q;p{padding:20;--b:#fff;border-radius:50%;+p{--b:#6C3232;translate:32q -74q;width:100;padding:10 20

&{background:#E3CC9E;*{background:#2A2753;margin:125 150;translate:58q;border-radius:1in;box-shadow:-180q 0#2A2753}p{margin:0 55;padding:25

&{background:#343400;*{background:#469DBA;margin:70 75;border-radius:50%var(--r,50%)}p{padding:50;--r:0;margin:15;translate:0 42q;+p{color:343400;--r:;padding:15;translate:-32q -53q;margin:0 110;box-shadow:106q 0,32q 0,-42q 0

&{background:#4C3AB3;*{background:var(--b,#D96E9F);margin:30 100;border-radius:105q 105q 0 0}p{border:solid#4C3AB3;border-width:var(--i,10 10 0);padding:85 60;translate:-74q 32q;+p{position:fixed;translate:-30px -170px;padding:80 20;--b:#4C3AB3;+p{border-radius:50%;--i:0;padding:20;margin:40 110;--b:#D96E9F

*{background:#4FC1AD;border:5ch solid#4C455B;margin:50 20;*{position:fixed;padding:85 60;margin:-90 40;background:#0000;border-image:linear-gradient(#4C455B 16.5q,#4FC1AD 0 78q,#4C455B 0)1 100

&{background:#D96C7B;margin:-174 -108}p{position:fixed;background:radial-gradient(1q,#fff var(--q,127q),#0000);clip-path:polygon(0 0,50%0,50%50%,0 50%);width:600;height:600;+p{rotate:90deg;--q:5em;+p{rotate:180deg;--q:5ch;+p{rotate:270deg;--q:5vw

&{background:#2D3464;*{background:radial-gradient(1q at 100%,#0000 40px,#D9D9D9 0 60px,#646DAB 0 80px,#0000);margin:70 200 70 120

&{border:solid#FEFAED;border-width:60 80;background:#F9D9BF;*{margin:0 180 90 0;background:#D4A29F;color:D4A29F;box-shadow:45vw 30vh

&{background:#2B2A4A;*{border-radius:0 0 1in 1in;background:linear-gradient(#DE9473 5ch,#0000 0 74q,#DE9473 0);margin:40 120 110;-webkit-box-reflect:below -80px

*{background:var(--b,linear-gradient(#D96C7B 50%,#8AB8B6 0));*{margin:0 120;--b:radial-gradient(1q,#0000 5pc,#4C455B 0);p{color:4C455B;translate:5ch;padding:75;--b:#4C455B;box-shadow:60px 60px,0 90vh;+p{translate:-90vh;scale:-1

*{background:#5A9F48;color:5A9F48;p{margin:100 62;border:solid#0000;border-width:96 125;border-top-color:#2A2753;b{padding:99 15;margin:0-10;box-shadow:70px 0,-70px 0

&{background:#fff;border:solid#68D0DF;border-width:70 120;p{position:fixed;padding:20 40;background:#9A5DCB;margin:-28 72;+p{margin:132-8;+p{margin:-28;padding:20;border-radius:1in;+p{margin:132

*{background:#6255AA;*{background:#5DCBA3;color:5DCBA3;margin:125 25;p{position:fixed;padding:25;margin:50 250;box-shadow:53q 53q;-webkit-box-reflect:above 50px

*{background:#F5E3B5;*{margin:-55 140 90;border-radius:1in;box-shadow:inset 0 0 0 30px;color:8D424D;p{position:fixed;padding:15;margin:115 30;border:15px solid#0000;z-index:2;+p{margin:145 0;border:45px solid;z-index:1;box-shadow:0-10px#8D424D

*{background:#282828;+*{background:#EA3323;color:EA3323;border-radius:50%;margin:90 140;border:30px solid#282828;box-shadow:5ch 0,-5ch 0;p{padding:30 10;margin:0 20;position:fixed

*{background:var(--b,#CAEBE4);body{--b:#5AA4B7;border-radius:50%;margin:60 110;p{position:fixed;padding:60;margin:90 150;--b:#CAEBE4;+p{margin:90-90

*{background:#66DBB8;*{margin:100 0;background:linear-gradient(#4C4C6B 20px,#0000 0 30px,#4C4C6B 0 74q,#0000 0 5pc,#4C4C6B 0);p{position:fixed;margin:-50 150;padding:85 35;background:#0000;border-radius:1in;border:5vh solid#4C4C6B

*{background:var(--b,#F7EC7D);*{border-radius:1in;position:fixed;margin:45 30;p{padding:60 140;--b:#243D83;+p{rotate:90deg;b{padding:30;--b:#fff;margin:50-30;b{margin:-190-30

*{background:radial-gradient(1q,#5A9F48 15ch,#fff 0);*{border:solid#fff;border-width:0 5ch 5ch 0;margin:80 165;translate:26q 26q;rotate:45deg