March 2024
01/03/2024
Solution:
<div></div>
<div a></div>
<div b></div>
<div b c></div>
<style>
body {
background: radial-gradient(circle at center, #ffffff 50px, #2bbbf3 50px);
}
div {
width: 67px;
height: 145px;
background: #ffffff;
position: fixed;
clip-path: polygon(0 0, 100% 0, 50% 100%);
top: 0;
left: 166.5;
}
[a] {
top: 155;
scale: -1;
}
[b] {
width: 95px;
height: 205px;
top: 47;
left: 260;
rotate: 90deg;
}
[c] {
scale: -1;
left: 45;
}
</style>
Minified:
<p><p a><p b><p a b c><style>*{background:radial-gradient(1q,#FFF 53q,#2BBBF3 0)}[a]{top:139;scale:-1}[b]{width:95;height:205;top:31;left:260;rotate:90deg}[c]{left:45}p{width:67;height:145;background:#FFF;position:fixed;top:-16;left:166.5;clip-path:polygon(0 0,100%0,50%100%
02/03/2024
Solution:
<div></div>
<div a></div>
<div b></div>
<div b c></div>
<style>
body {
background: #d8efdd;
}
div {
width: 60px;
height: 40px;
border-radius: 50px 50px 0 0;
margin: 95 92;
box-shadow: 0 0 0 30px #0d1335;
clip-path: polygon(-40px -40px, 100px -40px, 100px 100%, -40px 100%);
}
[a] {
margin: -135 182;
}
[b] {
margin: 165 142;
scale: -1;
}
[c] {
margin: -205 232;
}
</style>
Minified:
<body bgcolor=D8EFDD><p><p a></p><p b><p b c><style>[a]{margin:-135 182}[b]{margin:165 142;scale:-1}[c]{margin:-205 232}p{width:60;height:40;border-radius:53q 53q 0 0;margin:95 92;box-shadow:0 0 0 32q#0D1335;clip-path:polygon(-5ch -5ch,25vw -5ch,25vw 100%,-5ch 100%
03/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #f48b26;
}
div {
width: 90px;
height: 30px;
border-radius: 20px;
background: #ffffff;
margin: 80 102;
box-shadow: 20px 0 #ffffff, -10px 40px #ffffff, 100px 70px #ffffff, 70px
110px #ffffff, 90px 110px #ffffff;
}
[a] {
rotate: 90deg;
margin: -100 202;
}
</style>
Minified:
<body bgcolor=F48B26 text=FFFFFF><p><p a><style>p{width:90;height:30;background:#FFF;border-radius:20q;margin:80 102;box-shadow:20q 0,-10px 5ch,25vw 74q,74q 110px,95q 110px}[a]{rotate:90deg;margin:-100 202
04/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: #3a2a5d;
}
div {
width: 120px;
height: 60px;
background: #3a2a5d;
border-radius: 0 0 100px 100px;
border: solid 30px #bbb2db;
margin: 120 auto;
box-shadow: 0 -30px #3a2a5d, 0 -60px #bbb2db;
}
h1 {
width: 50px;
height: 30px;
background: #3a2a5d;
margin: -210 100;
}
</style>
Minified:
<p><h1><style>*{background:#3A2A5D}p{width:120;height:60;border-radius:0 0 25vw 25vw;color:BBB2DB;border:solid 32q;margin:120 102;box-shadow:0-32q#3A2A5D,0-60px}h1{width:50;height:30;margin:-210 90
05/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #611b1a;
}
div {
width: 260px;
height: 300px;
border: solid 40px #f16b4a;
border-radius: 0 300px 0 0;
margin: -8 -48;
}
[a] {
margin: -380 92;
scale: -1 1;
}
</style>
Minified:
<body bgcolor=611B1A><p><p a><style>p{width:260;height:300;border:solid 5ch#F16B4A;border-radius:0 75vw 0 0;margin:-8-48}[a]{margin:-380 92;scale:-1 1
06/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #5f0032;
}
div {
width: 40px;
height: 40px;
background: #d9d9d9;
margin: 50 92;
box-shadow: 80px 0 #d9d9d9, 80px 160px #d9d9d9, 160px 40px #d9d9d9, 0 120px
#d9d9d9, 160px 160px #d9d9d9;
}
[a] {
width: 200px;
margin: -10 92;
box-shadow: -160px 80px #d9d9d9, 160px -80px #d9d9d9;
}
</style>
Minified:
<p><p a><style>p{width:40;height:40;background:#D9D9D9;margin:50 92;color:D9D9D9;box-shadow:5em 0,5em 40vw,40vw 5ch,0 30vw,40vw 40vw,0 0 0 3in#5F0032}[a]{width:200;margin:-10 92;box-shadow:-40vw 5em,40vw -5em
07/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: #f28bbb;
}
div {
width: 150px;
height: 150px;
background: #8b0051;
margin: 100 auto;
}
h1 {
width: 80px;
height: 80px;
background: #f28bbb;
border-radius: 50%;
margin: -150 auto;
box-shadow: 0 -150px #8b0051, -85px -65px #8b0051, 85px -65px #8b0051;
}
</style>
Minified:
<p><h1><style>*{background:#F28BBB}p{width:150;height:150;background:#8B0051;margin:100 117}h1{width:80;height:80;border-radius:50%;color:8B0051;margin:-150 152;box-shadow:0 -50vh,-90q -69q,90q -69q
08/03/2024
Solution:
<div></div>
<div a></div>
<div b></div>
<style>
body {
background: #d5954d;
}
div {
width: 160px;
height: 230px;
border-radius: 160px;
border: solid 20px #fff;
margin: 120 auto;
}
[a] {
width: 80px;
border-radius: 80px;
margin: -350 auto;
}
[b] {
width: 0;
box-shadow: 0 -370px 0 0 #fff;
}
</style>
Minified:
<body bgcolor=D5954D><p><p a><p b><style>p{width:160;height:230;border-radius:40vw;border:solid 20px#FFF;margin:120 auto -350}[a]{width:80;border-radius:5em}[b]{width:0;box-shadow:0-392q 0 0#FFF
09/03/2024
Solution:
<div></div>
<style>
body {
background: #712b2b;
}
div {
width: 200px;
height: 210px;
background: linear-gradient(
#f79091 60px,
#d04a4c 60px 150px,
#f79091 150px
);
margin: 45 auto;
clip-path: polygon(
50% 0,
100% 150px,
140px 150px,
50% 100%,
60px 150px,
0 150px
);
}
</style>
Minified:
<body bgcolor=712B2B><p><style>p{width:200;height:210;background:linear-gradient(#F79091 60px,#D04A4C 0 50vh,#F79091 0);margin:45 92;clip-path:polygon(50%0,100%50vh,35vw 50vh,50%100%,63q 50vh,0 50vh
10/03/2024
Solution:
<div></div>
<div a></div>
<div a b></div>
<style>
body {
background: #f48b26;
}
div {
width: 180px;
height: 200px;
background: #fff;
margin: 120 auto;
}
[a] {
width: 30px;
height: 30px;
background: #fff;
border: solid 20px #f48b26;
border-radius: 50%;
margin: -420 auto;
}
[b] {
width: 60px;
height: 60px;
margin: 400 auto;
}
</style>
Minified:
<body bgcolor=F48B26><p><p a><p a b><style>p{width:180;height:200;background:#FFF;margin:120 auto -410}[a]{width:30;height:30;border:solid 11q#F48B26;border-radius:50%}[b]{scale:2;margin:425 auto
11/03/2024
Solution:
<div></div>
<div a></div>
<div b></div>
<h1></h1>
<style>
body {
background: #fad3e5;
}
div {
width: 100px;
height: 20px;
border: solid 20px #8b0051;
margin: 80 auto;
}
[a] {
width: 180px;
margin: -100 auto;
}
[b] {
width: 260px;
margin: 80 auto;
}
h1 {
width: 20px;
height: 100px;
background: #fad3e5;
margin: -200 auto;
box-shadow: 0 -100px #8b0051, 0 100px #8b0051;
}
</style>
Minified:
<p><p a><p b><h1><style>*{background:#FAD3E5;color:8B0051}p{width:100;height:20;border:solid 20px;margin:80 auto -100}[a]{width:180}[b]{width:260;margin:80 42}h1{width:20;height:100;margin:-200 182;box-shadow:0-25vw,0 25vw
12/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: #085328;
}
div {
width: 140px;
height: 30px;
border-radius: 20px;
background: #49c85b;
margin: 50 102;
box-shadow: 40px 0 #49c85b, 20px 20px #0a9949, 0 170px #49c85b, 40px 170px
#49c85b, 20px 150px #0a9949;
}
h1 {
width: 40px;
height: 150px;
background: #49c85b;
margin: -50 auto;
}
</style>
Minified:
<body bgcolor=085328 text=49C85B><p a><p><style>p{width:40;height:200;background:#49C85B;border-radius:20q;margin:-80 172}[a]{width:140;height:30;margin:50 102;box-shadow:5ch 0,21q 21q#0A9949,0 180q,5ch 180q,21q 50vh#0A9949
13/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #6592cf;
}
div {
width: 120px;
height: 300px;
border: solid 40px #243d83;
border-radius: 100px;
margin: -138 auto;
}
[a] {
width: 0;
margin: -195 auto;
scale: 0.5;
}
</style>
Minified:
<p><p a><style>*{background:#6592CF}p{width:120;height:300;border:solid 5ch#243D83;border-radius:7em;margin:-138 auto -195}[a]{width:0;scale:.5
14/03/2024
Solution:
<div></div>
<style>
body {
background: #7e2926;
}
div {
width: 0px;
height: 100px;
border: solid #feff92;
border-width: 100px 75px;
border-left-color: #d2934b;
border-right-color: #deb365;
margin: -8 auto;
}
</style>
Minified:
<p
style="height:100;border:solid;border-color:FEFF92#DEB365#FEFF92#D2934B;border-width:25vw+25vh;box-shadow:0+0+0+3in#7E2926;margin:-8+117"
></p>
15/03/2024
Solution:
<div></div>
<h1></h1>
<h1 a></h1>
<style>
body {
background: #ffffcd;
}
div {
width: 160px;
height: 160px;
background: #e78320;
margin: 50 auto;
clip-path: polygon(46px 0, 114px 0, 100% 100%, 0 100%);
}
h1 {
width: 200px;
height: 20px;
background: #edaf38;
margin: -50 auto 50;
border-radius: 20px;
}
[a] {
width: 240px;
background: #f1d31d;
}
</style>
Minified:
<body bgcolor=FFFFCD><p><h1><style>h1{width:200;height:20;background:#EDAF38;margin:-50 92;border-radius:20q;box-shadow:-21q 21q#F1D31D,21q 21q#F1D31D}p{width:160;height:160;background:#E78320;margin:50+112;clip-path:polygon(48q 0,121q 0,100%100%,0 100%
16/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #eaeb8d;
}
div {
width: 30px;
height: 30px;
border: solid 10px #fece22;
margin: 50 192;
box-shadow: 50px 0 #f9b125, 0 50px #f9b125, 50px 50px #f48b26;
}
[a] {
margin: 100px 142px;
box-shadow: -50px 0 #f48b26, 0 -50px #f48b26, -50px -50px #f9b125;
}
</style>
Minified:
<body bgcolor=EAEB8D><p><p a><style>p{width:30;height:30;border:solid 11q#FECE22;margin:50 192;color:F9B125;box-shadow:50px 0,0 50px,50px 50px#F48B26}[a]{margin:100 142;color:F48B26;box-shadow:-53q 0,0-53q,-53q -53q#F9B125
17/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: #d5edfc;
}
div {
width: 200px;
height: 50px;
margin: 100 auto;
border: solid 25px #7791b6;
box-shadow: 0 0 0 25px #277292;
border-radius: 50px;
}
h1 {
width: 100px;
height: 75px;
background: #95b6e4;
margin: -250 auto;
box-shadow: 0 125px #95b6e4;
}
</style>
Minified:
<p a><p><style>*{background:#D5EDFC}p{width:100;height:75;color:95B6E4;margin:100 auto -375;box-shadow:0 132q,0 265q}[a]{width:200;height:50;border:solid 27q#7791B6;box-shadow:0 0 0 25px #277292;border-radius:53q
18/03/2024
Solution:
<div></div>
<style>
body {
background: #c31c1d;
}
div {
width: 240px;
height: 160px;
background: #660301;
margin: 70 auto;
clip-path: polygon(
60px 0,
180px 0,
100% 100%,
180px 100%,
180px 120px,
140px 120px,
140px 80px,
100px 80px,
100px 120px,
60px 120px,
60px 100%,
0 100%
);
}
</style>
Minified:
<body bgcolor="C31C1D">
<p
style="width:240;height:160;background:#660301;margin:70+72;clip-path:polygon(25%0,75%0,100%100%,75%100%,75%75%,35vw+75%,35vw+50%,25vw+50%,25vw+75%,25%75%,25%100%,0%100%"
></p>
</body>
19/03/2024
Solution:
<div></div>
<h1></h1>
<h2></h2>
<style>
body {
background: #e0dbf0;
}
div {
width: 150px;
height: 100px;
background: linear-gradient(
to left,
#bbb2db 50px,
#e0dbf0 50px,
#e0dbf0 60px,
#bbb2db 60px,
#bbb2db 70px,
#e0dbf0 70px,
#e0dbf0 80px,
#bbb2db 80px,
#bbb2db 90px,
#e0dbf0 90px,
#e0dbf0 100px,
#bbb2db 100px
);
margin: 100 auto;
}
h1 {
width: 25px;
height: 180px;
margin: -240 92;
background: #857da1;
box-shadow: 175px 0 #857da1;
}
h2 {
width: 10px;
height: 10px;
background: #e0dbf0;
margin: 70 92;
box-shadow: 15px 0 #e0dbf0, 175px 0 #e0dbf0, 190px 0 #e0dbf0, 0 150px
#e0dbf0, 15px 150px #e0dbf0, 175px 150px #e0dbf0, 190px 150px #e0dbf0;
}
</style>
Minified:
<body bgcolor=E0DBF0 text=E0DBF0><p><h1><h2><style>h1{width:25;height:180;margin:-240 92;background:#857DA1;box-shadow:175px 0#857DA1}h2{width:10;height:10;background:#E0DBF0;margin:70 92;box-shadow:16q 0,185q 0,201q 0,0 50vh,16q 50vh,185q 50vh,201q 50vh}p{width:150;height:100;margin:100 117;background:linear-gradient(90deg,#BBB2DB 53q,#E0DBF0 0 60px,#BBB2DB 0 74q,#E0DBF0 0 5em,#BBB2DB 0 95q,#E0DBF0 0 25vw,#BBB2DB 0
20/03/2024
Solution:
<div></div>
<style>
body {
background: #42230c;
}
div {
width: 250px;
height: 160px;
background: radial-gradient(circle at 50% 60px, #42230c 40px, #0000 40px),
radial-gradient(circle at 50% 100%, #42230c 40px, #8b673a 40px);
margin: 70 auto;
border-radius: 120px 120px 40px 40px;
}
</style>
Minified:
<p
style="width:250;height:160;box-shadow:0+0+0+2in#42230C;background:radial-gradient(1q at 50% 60px,#42230C 5ch,#0000 0),radial-gradient(1q at 50%100%,#42230C 5ch,#8B673A 0);margin:70 67;border-radius:30vw 30vw 5ch 5ch"
></p>
21/03/2024
Solution:
<div></div>
<h1></h1>
<h2></h2>
<style>
body {
background: #301e53;
}
div {
width: 300px;
height: 40px;
background: #766d94;
margin: 75 auto;
clip-path: polygon(0 0, 100% 0, 260px 100%, 40px 100%);
}
h1 {
width: 70px;
height: 50px;
background: #a6a0be;
margin: -65 67;
box-shadow: 180px 0 #a6a0be;
}
h2 {
width: 90px;
height: 100px;
background: #a6a0be;
color: #a6a0be;
margin: 15 auto;
clip-path: polygon(0 0, 100% 0, 100% 55px, 50% 100%, 0 55px);
}
</style>
Minified:
<body bgcolor=301E53 text=A6A0BE><p><h1><h1 a><style>p{width:300;height:40;background:#766D94;margin:75 42;clip-path:polygon(0 0,100%0,65vw 100%,5ch 100%)}h1{width:70;height:50;background:#A6A0BE;margin:-65 67;box-shadow:60vh 0}[a]{width:90;height:100;margin:15 147;clip-path:polygon(0 0,100%0,100%58q,50%100%,0 58q
22/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: radial-gradient(circle at 50% 90px, #000000 30px, #fbd6c1 30px);
}
div {
width: 150px;
height: 150px;
background: linear-gradient(to left, #f16b4a 50%, #d62022 50%);
border-radius: 50%;
margin: 90 auto;
}
h1 {
width: 20px;
height: 20px;
border-radius: 50%;
background: #000000;
margin: -205 142;
box-shadow: 80px 0 #000000, 15px 30px #000000, 15px 60px #000000, 65px 30px
#000000, 65px 60px #000000;
}
</style>
Minified:
<p><p a><style>p{width:150;height:150;background:linear-gradient(90deg,#D62022 50%,#F16B4A 0);border-radius:50%;margin:90 117}[a]{width:20;height:20;background:#000;margin:-205 142;box-shadow:5em 0,16q 30px,16q 60px,65px 30px,65px 60px}&{background:radial-gradient(1q at 50% 90px,#000 30px, #FBD6C1 0
23/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: #5f133f;
}
div {
width: 80px;
height: 80px;
background: #b04183;
margin: 110 62;
box-shadow: 100px 0 0 20px #b04183, 170px 0 #b04183;
}
h1 {
width: 10px;
height: 100px;
background: #f7bed9;
margin: -200 62;
border-radius: 10px;
box-shadow: 65px -25px 0 5px #f7bed9, 65px 25px 0 5px #f7bed9,
185px -25px 0 5px #f7bed9, 185px 25px 0 5px #f7bed9, 250px 0 #f7bed9;
}
</style>
Minified:
<p><p a><style>p{width:80;height:80;background:currentcolor;color:B04183;margin:110 62-200;box-shadow:25vw 0 0 21q,180q 0,0 0 0 3in#5F133F}[a]{width:10;height:100;color:F7BED9;border-radius:8q;box-shadow:65px -25px 0 5px,65px 25px 0 5px,185px -25px 0 5px,185px 25px 0 5px,250px 0
24/03/2024
Solution:
<div></div>
<style>
body {
background: radial-gradient(
circle at 50% 90px,
#6c1715 30px,
#c8393a 30px,
#c8393a 50px,
#6c1715 50px
);
}
div {
width: 150px;
height: 240px;
background: #c8393a;
margin: 20 auto;
clip-path: polygon(
0 160px,
65px 160px,
65px 100px,
85px 100px,
85px 160px,
100% 160px,
50% 100%
);
}
</style>
Minified:
<p><style>&{background:radial-gradient(1q at 50%90px,#6C1715 32q,#C8393A 0 53q,#6C1715 0)}p{width:150;height:240;background:#C8393A;margin:20 117;clip-path:polygon(0%40vw,65px 40vw,65px 41%,85px 42%,85px 40vw,100%40vw,50%100%
25/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #05476c;
}
div {
width: 100px;
height: 250px;
background: linear-gradient(
#2bbbf3 40%,
#ceedff 40%,
#ceedff 60%,
#2bbbf3 60%
);
border-radius: 50px;
margin: 100 72;
}
[a] {
margin: -500 212;
}
</style>
Minified:
<body bgcolor=05476C><p><p a><style>[a]{margin:-500 212}p{width:100;height:250;margin:100 72;border-radius:55q;background:linear-gradient(#2BBBF3 40%,#CEEDFF 0 60%,#2BBBF3 0
26/03/2024
Solution:
<div></div>
<h1></h1>
<h2></h2>
<style>
body {
background: #fcddeb;
}
div {
width: 140px;
height: 70px;
background: linear-gradient(
to left,
#d5007f 50px,
#f5a9cd 50px,
#f5a9cd 90px,
#d5007f 90px
);
margin: 60 auto;
border-radius: 80px 80px 0 0;
}
h1 {
width: 125px;
height: 125px;
background: #ef5ca5;
border: solid 15px #d5007f;
margin: -138 auto;
rotate: 135deg;
clip-path: polygon(0 0, 60px 60px, 100% 100%, 100% 0);
}
h2 {
width: 40px;
height: 40px;
background: #fcddeb;
margin: 60 82;
position: relative;
box-shadow: 180px 0 #fcddeb;
}
</style>
Minified:
<p><h1><h2><style>*{background:#FCDDEB}p{width:140;height:70;background: linear-gradient(90deg,#D5007F 50px,#F5A9CD 0 90px,#D5007F 0);margin:60 122;border-radius:5em 5em 0 0}h1{width:125;height:125;background:#EF5CA5;border:solid 15px#D5007F;margin:-138 115;rotate:135deg;clip-path:polygon(0 0,60px 60px,100%100%,100%0)}h2{width:40;height:40;margin:60 82;position:relative;box-shadow:60vh 0#FCDDEB
27/03/2024
Solution:
<div></div>
<div a></div>
<h1></h1>
<div b></div>
<style>
body {
background: #f59426;
}
div {
width: 150px;
height: 30px;
background: #ffffff;
position: fixed;
top: 135;
left: 125;
rotate: 60deg;
}
[a] {
rotate: -60deg;
}
h1 {
width: 30px;
height: 30px;
background: #ffffff;
border-radius: 50%;
margin: 127 52;
box-shadow: 250px 0 #ffffff, 125px 0 0 25px #f59426;
position: fixed;
}
[b] {
rotate: 0deg;
}
</style>
Minified:
<body bgcolor=F59426><p a><p b><p c><p><style>p{width:150;height:30;background:#FFF;position:fixed;top:119;left:125}[a]{rotate:60deg}[b]{rotate:-60deg}[c]{width:30;border-radius:50%;left:60;box-shadow:265q 0#FFF,132q 0 0 26q#F59426
28/03/2024
Solution:
<div></div>
<h1></h1>
<style>
body {
background: #611b3f;
}
div {
width: 290px;
height: 180px;
background: #be3184;
border-radius: 40px;
margin: 60 auto;
}
h1 {
width: 30px;
height: 50px;
background: #611b3f;
margin: -210 77;
border-radius: 15px;
box-shadow: 50px 0 #611b3f, 100px 0 #611b3f, 150px 0 #611b3f, 200px 0
#611b3f, 0 70px #611b3f, 50px 70px #611b3f, 100px 70px #611b3f, 150px
70px #611b3f, 200px 70px #611b3f;
}
</style>
Minified:
<p><h1><style>*{background:#611B3F}p{width:290;height:180;background:#BE3184;border-radius:5ch;margin:60 47}h1{width:30;height:50;margin:-210 77;border-radius:16q;color:611B3F;box-shadow:53q 0,25vw 0,50vh 0,50vw 0,0 74q,53q 74q,25vw 74q,50vh 74q,50vw 74q
29/03/2024
Solution:
<div></div>
<h1></h1>
<style>
* {
background: #504371;
margin: 0;
}
div {
width: 185px;
height: 135px;
box-shadow: 215px 0 #504371, 0 165px #504371, 215px 165px #504371, 0 0 0
3in#A6A0BE;
}
h1 {
width: 90px;
height: 90px;
border: solid 30px #a6a0be;
margin: -60 auto;
rotate: 45deg;
}
</style>
Minified:
<p><h1><style>*{background:#504371;color:504371;margin:0}p{width:185;height:135;box-shadow:228q 0,0 175q,228q 175q,0 0 0 3in#A6A0BE}h1{width:90;height:90;border:solid 32q#A6A0BE;margin:-60 125;rotate:45deg
30/03/2024
Solution:
<div></div>
<div a></div>
<style>
body {
background: #dbbedf;
color: #81008f;
}
div {
width: 80px;
height: 20px;
background: #81008f;
margin: 90 67 100;
box-shadow: 0 40px #81008f, 0 80px #81008f, 170px 20px #81008f, 170px 60px
#81008f, 170px 100px #81008f;
}
[a] {
height: 120px;
box-shadow: 80px -120px #81008f, 90px -120px #81008f, 170px -240px #81008f;
}
</style>
Minified:
<body bgcolor=DBBEDF text=81008F><p><p a><style>p{width:80;height:20;background:#81008F;margin:90 67 100;box-shadow:0 5ch,0 5em,170px 20px,170px 60px,170px 25vw}[a]{height:120;box-shadow:5em -30vw,90px -30vw,170px -80vh
31/03/2024
Solution:
<div></div>
<style>
div {
width: 50px;
height: 50px;
background: #ea6b62;
margin: 125 37;
box-shadow: 260px 0 #ea6b62, 130px 0 #512b2a, 130px -90px #512b2a, 130px
90px #512b2a, 130px -25px 0 40px #ea6b62, 130px 25px 0 40px #ea6b62,
0 0 0 4in #512b2a;
}
</style>
Minified:
<p
style="width:50;height:50;background:#EA6B62;color:512B2A;margin:125+37;box-shadow:65vw+0#EA6B62,138q+0,138q -90px,138q+95q,138q -26q+0+5ch#EA6B62,138q+26q+0+5ch#EA6B62,0+0+0+4in"
></p>