CSS Battle Solutions

&{background:radial-gradient(1q,#BADE37 15vw,#333 0 5lh,#BADE37);*{color:BADE37;border:5vw solid;margin:110 0 0 190;p{margin:-90-0-0-20;height:110;box-shadow:-30vw 37q 0-37q

*{background:#A84A4B;border:27q solid;border-image:conic-gradient(#F5E3B5);margin:25 75;*{margin:0;border-width:50

*{margin:20%40%20%100;border-radius:1in;color:DDDEEB;box-shadow:inset 0 2in,var(--t,5pc 5vw 0-5vw,74q)-32q 0-32q#7F8AE9;*{margin:70-40 0 40;height:70;background:#3246DE;--t:0

*{margin:35%90;background:#4A9A86;color:EDEC84;box-shadow:0-5vw,0-63q,0 5vw,0 63q;*{margin:0 100;box-shadow:-15ch 0,15ch -5ch,15ch 5ch

&{margin:70 120;border-radius:19%;box-shadow:inset 0 2in#FFF,0 0 0 10vh,0 0 0 2in#F8B140;*{margin:40 65;box-shadow:-69q 0,-95px 0#F8B140

p{+p{--t:at 50%47%0deg;--u:5vw;+p{--t:at 81.2%47%15deg;--u:}}background:linear-gradient(#fff var(--u,),#6D57C4 0)0 37q;width:90;height:90;border-radius:11q;offset:ray(var(--t,at 76q 47%-15deg

&{border:5px solid#84B9EF;background:radial-gradient(1q at 50%0,#2F6193 50px,#0000)0 30vw,radial-gradient(1q at 50%100%,#FFFFFF 53q,#84B9EF)-15vh -5q/60vw 185q

&{box-shadow:inset 0 2in#333}*{margin:75 80;background:#F1D36F;border-radius:11q;*{margin:-25 60 0;background:radial-gradient(1q,#333 32q,#F1D36F 0 53q,#333 0)0 13q

&{margin:80 105;color:3B3F58;border:solid;border-width:0 10 10;background:#328FC1;*{margin:-50 50 90;box-shadow:0 37mm,-5lh 11q,5lh 11q