Skip to content

Latest commit

 

History

History
1207 lines (1026 loc) · 29.2 KB

apr.md

File metadata and controls

1207 lines (1026 loc) · 29.2 KB
Raw

April 2024

01/04/2024

Solution:

<div></div>
<div a></div>
<style>
  body {
    background: #0a6190;
  }
  div {
    width: 250px;
    height: 40px;
    background: #eff8fe;
    margin: 130 auto;
  }
  [a] {
    width: 28px;
    height: 28px;
    margin: -164 53;
    rotate: 45deg;
    box-shadow: 177px -177px #eff8fe, 88px -88px 0 55px #eff8fe;
  }
</style>

Minified:

<body bgcolor=0A6190 text=EFF8FE><p><p a><style>p{width:250;height:40;background:#EFF8FE;margin:130 auto}[a]{width:28;height:28;margin:-164 53;rotate:45deg;box-shadow:177px -177px,88px -88px 0 55px

02/04/2024

Solution:

<div></div>
<div a></div>
<style>
  body {
    background: #90d3a6;
  }
  div {
    width: 210px;
    height: 30px;
    background: #194e29;
    border-radius: 20px;
    margin: 50 auto 55;
    box-shadow: 150px 85px #194e29, -150px 85px #194e29, 0 170px #194e29;
  }
  [a] {
    width: 200px;
    rotate: 90deg;
    box-shadow: 0 -60px #194e29, 0 60px #194e29;
  }
</style>

Minified:

<p><p a><style>p{width:210;height:30;background:#194E29;color:#194E29;border-radius:20px;margin:50 auto 55;box-shadow:50vh 85px,-50vh 85px,0 170px,0 0 0 9in #90D3A6}[a]{width:200;rotate:90deg;box-shadow:0 -60px,0 60px

03/04/2024

Solution:

<div></div>
<h1></h1>
<h1 a></h1>
<h2></h2>
<style>
  body {
    background: #024817;
  }
  div {
    width: 40px;
    height: 120px;
    background: #48bf7d;
    margin: 120 92;
    box-shadow: 60px 0 #48bf7d, 100px 0 #48bf7d, 160px 0 #48bf7d;
  }
  h1 {
    width: 90px;
    height: 40px;
    background: #48bf7d;
    margin: -300 92;
    clip-path: polygon(0 0, 100% 0, 50px 100%, 0 100%);
  }
  [a] {
    margin: 260 202;
    scale: -1 1;
  }
  h2 {
    width: 80px;
    height: 40px;
    background: #48bf7d;
    margin: -280 auto;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
</style>

Minified:

<p><h1><h1 a><h1 c><style>*{background:#48BF7D;color:#48BF7D}p{width:40;height:120;margin:120 92;box-shadow:60px 0,25vw 0,40vw 0,0 0 0 3in#024817}h1{width:90;height:40;margin:-300 92;clip-path:polygon(0 0,100%0,53q 100%,0 100%)}[a]{margin:260 202;scale:-1 1}[c]{width:80;margin:-280 152;clip-path:polygon(50%0,100%100%,0 100%

04/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #e4e573;
  }
  div {
    width: 30px;
    height: 210px;
    background: #f48b26;
    margin: 90 117;
    box-shadow: 60px 50px #f48b26, 120px 0 #f48b26;
  }
  h1 {
    width: 300px;
    height: 300px;
    border: solid 30px #f48b26;
    margin: -654 auto;
    rotate: 45deg;
  }
</style>

Minified:

<p><h1><style>*{background:#E4E573;color:F48B26;}p{width:30;height:210;background:#F48B26;margin:90 117;box-shadow:60px 50px,30vw 0}h1{width:300;height:300;border:solid 30px;margin:-654 auto;rotate:45deg

05/04/2024

Solution:

<div></div>
<h1></h1>
<h1 a></h1>
<style>
  body {
    background: #631e1d;
  }
  div {
    width: 30px;
    height: 30px;
    background: #f16b4a;
    margin: 135 auto;
    box-shadow: -30px -60px #631e1d, 45px -30px #631e1d, 30px 45px #631e1d, -45px
        30px #631e1d, 0 0 0 30px #631e1d, 0 0 0 45px #f16b4a;
  }
  h1 {
    width: 15px;
    height: 60px;
    background: #f16b4a;
    margin: -270 132;
    box-shadow: 45px 0 #f16b4a, 90px 0 #f16b4a, 15px 180px #f16b4a, 60px 180px
        #f16b4a, 105px 180px #f16b4a;
  }
  [a] {
    rotate: 90deg;
    margin: 247 274;
  }
</style>

Minified:

<p><h1><h1 a><style>*{background:#F16B4A}p{width:30;height:30;margin:135 177;color:#631E1D;box-shadow:-30px -60px,45px -30px,30px 45px,-45px 30px,0 0 0 30px,0 0 0 45px#F16B4A,0 0 0 3in}h1{width:15;height:60;color:F16B4A;margin:-270 132;box-shadow:45px 0,90px 0,15px 60vh,60px 60vh,111q 60vh}[a]{rotate:90deg;margin: 247 274

06/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: linear-gradient(
      to left,
      #81008f 125px,
      #dbbedf 125px,
      #dbbedf 275px,
      #81008f 275px
    );
  }
  div {
    width: 90px;
    height: 90px;
    background: #81008f;
    margin: 30 auto;
    border-radius: 50%;
    box-shadow: 0 150px #81008f;
  }
  h1 {
    width: 30px;
    height: 100px;
    background: #81008f;
    margin: -50 auto;
  }
</style>

Minified:

<p><h1><style>p{width:90;height:90;margin:30 147;border-radius:50%;box-shadow:0 50vh#81008F}h1{width:30;height:100;margin:-50 177}*>*{background: linear-gradient(90deg,#81008F 125px,#DBBEDF 0 275px,#81008F 0

07/04/2024

Solution:

<div></div>
<h1></h1>
<h2></h2>
<style>
  body {
    background: #ccc9db;
  }
  div {
    width: 280px;
    height: 120px;
    background: #6f5aaf;
    margin: 90 auto;
    border-radius: 25px;
  }
  h1 {
    width: 160px;
    height: 100px;
    background: #9d8ec9;
    border: solid 10px #200043;
    margin: -210 auto;
  }
  h2 {
    width: 30px;
    height: 30px;
    background: #200043;
    border-radius: 50%;
    margin: 100 62;
    box-shadow: 230px 0 #200043, 0 70px #200043, 230px 70px #200043;
  }
</style>

Minified:

<body bgcolor=CCC9DB text=200043><p><h1><h2><style>p{width:280;height:120;background:#6F5AAF;margin:90 52;border-radius:26q}h1{width:160;height:100;background:#9D8EC9;border:solid 11q;margin:-210 102}h2{width:30;height:30;background:#200043;border-radius:50%;margin:100 62;box-shadow:244q 0,0 74q,244q 74q

08/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #010038;
  }
  div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 90 12;
    background: #857da1;
    box-shadow: 75px 60px #857da1, 150px 0 #857da1, 225px 60px #857da1, 300px 0
        #857da1;
  }
  h1 {
    width: 30px;
    height: 100px;
    background: #857da1;
    margin: -240 27;
    box-shadow: 75px 200px #857da1, 150px 0 #857da1, 225px 200px #857da1, 300px
        0 #857da1;
  }
</style>

Minified:

<body bgcolor=010038 text=857DA1><p><h1><style>p{width:60;height:60;border-radius:50%;margin:90 12;background:#857DA1;box-shadow:75px 60px,50vh 0,75vh 60px,75vw 0}h1{width:30;height:100;background:#857DA1;margin:-240 27;box-shadow:75px 50vw,50vh 0,75vh 50vw,75vw 0

09/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #f48b26;
  }
  div {
    width: 220px;
    height: 120px;
    background: #f48b26;
    margin: 90 auto;
    box-shadow: -250px 0 #f48b26, 250px 0 #f48b26, -100px 0 0 30px #feff58, 100px
        0 0 30px #feff58;
  }
  h1 {
    width: 100px;
    height: 100px;
    background: #f48b26;
    border: solid 30px #feff58;
    margin: -322 auto;
    rotate: -45deg;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
  }
</style>

Minified:

<p><h1><style>*{background:#F48B26;color:FEFF58}p{width:220;height:120;margin: 90 82;box-shadow:-250px 0#F48B26,250px 0#F48B26,-25vw 0 0 30px,25vw 0 0 30px}h1{width:100;height:100;border:solid 30px;margin:-322 112;rotate:-45deg;clip-path:polygon(0 0,100%100%,0 100%

10/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #d5edfc;
  }
  div {
    width: 100px;
    height: 50px;
    border-radius: 0 0 50px 50px;
    background: radial-gradient(circle at 50% 0, #06487a 20px, #d5edfc 20px);
    outline: solid 30px #06487a;
    margin: 125 auto;
  }
  h1 {
    width: 40px;
    height: 30px;
    background: #06487a;
    margin: -100 auto;
    border-radius: 15px;
    margin: -205 92;
    box-shadow: 160px 0 #06487a;
  }
</style>

Minified:

<p><h1><style>&{background:#D5EDFC;color:06487A}h1{width:40;height:30;background:#06487A;border-radius:1em;margin:-205 92;box-shadow:40vw 0}p{width:100;height:50;border-radius:0 0 53q 53q;outline:solid 30px;margin:125 142;background:radial-gradient(1q at 50%0,#06487A 20px,#D5EDFC 0

11/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #dbba30;
  }
  div {
    width: 200px;
    height: 60px;
    background: #a95415;
    margin: 50 auto;
    box-shadow: 0 70px #a95415, 0 140px #a95415;
  }
  h1 {
    width: 150px;
    height: 150px;
    background: #dbba30;
    rotate: 45deg;
    margin: 70 auto;
  }
</style>

Minified:

<p><h1><style>*{background:#DBBA30;color:A95415}p{width:200;height:60;background:#A95415;margin:50 92;box-shadow:0 70px,0 35vw}h1{width:150;height:150;rotate:45deg;margin:70 117

12/04/2024

Solution:

<div></div>
<style>
  div {
    width: 30px;
    height: 90px;
    background: #b53733;
    margin: 105 87;
    box-shadow: 0 0 0 15px #ea7457, -75px 30px 0 45px #ea7457,
      0 0 0 45px #b53733, -50px 0 0 45px #b53733, 15px 0 0 45px #ea7457, 45px 0
        0 45px #b53733, 180px 0 #b53733, 180px 0 0 15px #ea7457,
      255px -30px 0 45px #ea7457, 180px 0 0 45px #b53733, 230px 0 0 45px #b53733,
      0 0 0 3in #ea7457;
  }
</style>

Minified:

<p
  style="width:30;height:90;background:#B53733;color:EA7457;margin:105 87;box-shadow:0 0 0 16q,-80q 32q 0 48q,0 0 0 48q#B53733,-54q 0 0 48q#B53733,16q 0 0 48q,48q 0 0 48q#B53733,60vh 0#B53733,60vh 0 0 16q,270q -32q 0 48q,60vh 0 0 48q#B53733,244q 0 0 48q#B53733,0 0 0 3in"
></p>

13/04/2024

Solution:

<div></div>
<style>
  div {
    width: 70px;
    height: 70px;
    background: #bfe33a;
    margin: 115 auto;
    rotate: 45deg;
    box-shadow: 0 0 0 20px #223e1f, -20px 20px 0 20px #bfe33a,
      20px -20px 0 20px #bfe33a, 0 0 0 3in #223e1f;
  }
</style>

Minified:

<p
  style="width:70;height:70;background:#BFE33A;margin:115 157;rotate:45deg;box-shadow:0 0 0 20px#223E1F,-20px 20px 0 20px#BFE33A,20px -20px 0 20px#BFE33A,0 0 0 3in#223E1F"
></p>

14/04/2024

Solution:

<div></div>
<div a></div>
<div b></div>
<div c></div>
<style>
  body {
    background: #f7bed9;
  }
  div {
    width: 80px;
    height: 40px;
    background: #9c274e;
    margin: 50 auto;
    border-radius: 0 0 40px 40px;
  }
  [a] {
    background: #ec007b;
    margin: 120 auto;
    scale: -1;
  }
  [b] {
    background: #ec007b;
    margin: -240 132;
    rotate: 90deg;
    box-shadow: 0 -100px #ec007b;
  }
  [c] {
    background: #9c274e;
    rotate: -90deg;
    margin: 200 72;
    box-shadow: 0 100px #9c274e;
  }
</style>

Minified:

<p f><p a e><p b e><p c f><style>*{background:#F7BED9}p{width:80;height:40;margin:50 auto 120;border-radius:0 0 5ch 5ch}[a]{scale:-1}[b]{margin:-240 132;rotate:90deg;box-shadow:0 -25vw#EC007B}[c]{rotate:-90deg;margin:200 72;box-shadow:0 25vw #9C274E}[e]{background:#EC007B}[f]{background:#9C274E

15/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #90d3a6;
    color: #194e29;
  }
  div {
    width: 210px;
    height: 200px;
    border-radius: 50% 50% 0 0;
    margin: 100 auto;
    outline: solid 30px #194e29;
  }
  h1 {
    width: 30px;
    height: 200px;
    background: #194e29;
    margin: -300 117;
    box-shadow: 60px 0 #194e29, 60px -100px #194e29, 120px 0 #194e29;
  }
</style>

Minified:

<p><h1><style>*{background:#90D3A6;color:#194E29}p{width:210;height:200;border-radius:50%50%0 0;margin:100 87;outline:solid 30px}h1{width:30;height:200;background:#194E29;margin:-300 117;box-shadow:60px 0,60px -25vw,30vw 0

16/04/2024

Solution:

<div></div>
<style>
  body {
    background: linear-gradient(
      to left,
      #0a6190 125px,
      #eff8fe 125px,
      #eff8fe 175px,
      #0a6190 175px,
      #0a6190 225px,
      #eff8fe 225px,
      #eff8fe 275px,
      #0a6190 275px,
      #0a6190 275px
    );
  }
  div {
    width: 40px;
    height: 40px;
    background: #eff8fe;
    border-radius: 50%;
    margin: 130 72;
    box-shadow: 50px 0 #0a6190, 100px -50px #eff8fe, 100px 50px #eff8fe, 150px 0
        #0a6190, 200px 0 #eff8fe;
  }
</style>

Minified:

<p><style>p{width:40;height:40;background:#EFF8FE;border-radius:50%;margin:130 72;color:EFF8FE;box-shadow:53q 0#0A6190,25vw -53q,25vw 53q,50vh 0 #0A6190,50vw 0}&{background:linear-gradient(90deg,#0A6190 125px,#EFF8FE 0 175px,#0A6190 0 225px,#EFF8FE 0 275px,#0A6190 0

17/04/2024

Solution:

<div></div>
<style>
  body {
    background: #ea6b62;
    margin: 0;
  }
  div {
    width: 150;
    height: 150;
    background: #512b2a;
    box-shadow: 265Q 0#512B2A;
  }
</style>

Minified:

<style>*{background:#EA6B62;margin:0}*>*{width:150;height:150;background:#512B2A;box-shadow:265q 0#512B2A

18/04/2024

Solution:

<div></div>
<div a></div>
<style>
  body {
    background: #611b3f;
  }
  div {
    width: 100px;
    height: 100px;
    background: #be3184;
    border-radius: 50px;
    margin: 100 auto;
  }
  [a] {
    width: 300px;
    height: 200px;
    margin: -100 -108;
    border-radius: 80px;
    box-shadow: 300px -300px #be3184;
  }
</style>

Minified:

<p a><p><style>p{width:100;height:100;background:#BE3184;border-radius:5em;margin:-500 142}[a]{width:300;height:200;margin:200-108;box-shadow:75vw -75vw#BE3184,0 0 0 3in#611B3F

19/04/2024

Solution:

<div></div>
<div a></div>
<h1></h1>
<h2></h2>
<style>
  body {
    background: #f59426;
  }
  div {
    width: 250px;
    height: 50px;
    border-radius: 50px;
    background: #ffffff;
    margin: 125 auto;
  }
  [a] {
    margin: -175 auto;
    rotate: 90deg;
  }
  h1 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #f59426;
    margin: 75 auto;
    position: relative;
  }
  h2 {
    width: 100px;
    height: 100px;
    background: radial-gradient(circle at center, #f59426 25px, #ffffff 25px);
    margin: -200 auto;
    position: relative;
  }
</style>

Minified:

<div></div>
<div a></div>
<h1></h1>
<h2></h2>
<style>
  body {
    background: #f59426;
  }
  div {
    width: 250px;
    height: 50px;
    border-radius: 50px;
    background: #ffffff;
    margin: 125 auto;
  }
  [a] {
    margin: -175 auto;
    rotate: 90deg;
  }
  h1 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #f59426;
    margin: 75 auto;
    position: relative;
  }
  h2 {
    width: 100px;
    height: 100px;
    background: radial-gradient(circle at center, #f59426 25px, #ffffff 25px);
    margin: -200 auto;
    position: relative;
  }
</style>

20/04/2024

Solution:

<div></div>
<div a></div>
<style>
  body {
    margin: 0;
    background: linear-gradient(
      to left,
      #ea7457 175px,
      #b53733 175px,
      #b53733 225px,
      #ea7457 225px
    );
  }
  div {
    width: 75px;
    height: 75px;
    background: #b53733;
    box-shadow: 0 0 0 25px #ea7457, 0 0 0 75px #b53733;
  }
  [a] {
    margin: 150 325;
  }
</style>

Minified:

<p><p a><style>p{width:75;height:75;background:#B53733;box-shadow:0 0 0 25px#EA7457,0 0 0 79q#B53733}[a]{margin:150 325}*{margin:0;background:linear-gradient(90deg,#EA7457 185q,#B53733 0 238q,#EA7457 0

21/04/2024

Solution:

<div></div>
<div a></div>
<style>
  body {
    background: #301e53;
    color: #a6a0be;
  }
  div {
    width: 100px;
    height: 100px;
    background: #a6a0be;
    margin: 100 32;
    border-radius: 0 0 50px 50px;
    box-shadow: 220px 0 #a6a0be;
  }
  [a] {
    width: 40px;
    height: 200px;
    scale: -1;
    margin: -360 92;
    box-shadow: -160px 0 #a6a0be, -80px -160px #766d94;
  }
</style>

Minified:

<body bgcolor=301E53 text=A6A0BE><p><p a><style>p{width:100;height:100;background:#A6A0BE;margin:100 32;border-radius:0 0 53q 53q;box-shadow:55vw 0}[a]{width:40;height:200;scale:-1;margin:-360 92;box-shadow:-40vw 0,-5em -10em#766D94

22/04/2024

Solution:

<div></div>
<div a></div>
<h1></h1>
<style>
  body {
    background: #4f77ff;
  }
  div {
    width: 80px;
    height: 80px;
    background: #eff8fe;
    margin: 70 52;
    border-radius: 0 40px 40px 0;
    box-shadow: 0 80px #eff8fe;
  }
  [a] {
    height: 50px;
    background: #4f77ff;
    margin: -130 32;
    box-shadow: 0 70px #4f77ff;
  }
  h1 {
    width: 40px;
    height: 120px;
    border-radius: 40px;
    background: #4f77ff;
    margin: 80 auto;
    box-shadow: 0 0 0 20px #eff8fe, 100px 0 #4f77ff, 100px 0 0 20px #eff8fe;
  }
</style>

Minified:

<p a><p><h1><style>*{background:#4F77FF;color:EFF8FE}p{width:80;height:50;border-radius:0 5ch 5ch 0;margin:-130 32;box-shadow:0 70px#4F77FF}[a]{height:80;background:#EFF8FE;margin:70 52;box-shadow:0 5em}h1{width:40;height:120;border-radius:5ch;margin:80 172;box-shadow:0 0 0 21q,25vw 0#4F77FF,25vw 0 0 21q

23/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #f48b26;
  }
  div {
    width: 60px;
    height: 150px;
    margin: 75 72;
    border-radius: 20px 20px 0 0;
    background: #feff58;
    box-shadow: 60px 0 #feff58, 120px 0 #feff58, 180px 0 #feff58;
  }
  h1 {
    width: 40px;
    height: 30px;
    background: #f48b26;
    margin: -105 102;
    box-shadow: 70px 0 #f48b26, 140px 0 #f48b26;
  }
</style>

Minified:

<p><h1><style>*{background:#F48B26}p{width:60;height:150;margin:75 72;border-radius:21q 21q 0 0;background:#FEFF58;color:FEFF58;box-shadow:64q 0,30vw 0,60vh 0}h1{width:40;height:30;margin:-105 102;color:F48B26;box-shadow:74q 0,35vw 0

24/04/2024

Solution:

<div></div>
<style>
  div {
    width: 180px;
    height: 40px;
    background: #06487a;
    border: solid 30px #d5edfc;
    margin: 120 auto;
    box-shadow: 0 0 0 40px #06487a, 140px -140px#D5EDFC, 100px -140px #06487a, 0
        0 0 3in #d5edfc;
  }
</style>

Minified:

<p
  style="width:180;height:40;background:#06487A;color:D5EDFC;border:solid+32q;margin:120+72;box-shadow:0+0+0+5ch#06487A,35vw -35vw,25vw -35vw#06487A,0+0+0+3in"
></p>

25/04/2024

Solution:

<div></div>
<div a></div>
<div b></div>
<style>
  html {
    background: linear-gradient(-30deg, #0000 275px, #223e1f 50px),
      linear-gradient(30deg, #bfe33a 275px, #223e1f 50px);
  }
  div {
    width: 125px;
    height: 74px;
    background: linear-gradient(-30deg, #223e1f 50%, #bfe33a 50%);
    position: fixed;
    top: 227;
    left: 30;
  }
  [a] {
    left: 245;
    scale: -1 1;
  }
  [b] {
    width: 50px;
    height: 50px;
    background: #bfe33a;
    margin: -130 145;
    border-radius: 20px;
    rotate: 45deg;
    box-shadow: -2px -2px #223e1f;
  }
</style>

Minified:

<p><p a><p b><style>p{width:125;height:74;background:linear-gradient(-30deg,#223E1F 50%,#BFE33A 0);position:fixed;top:227;left:30}[a]{left:245;scale:-1 1}[b]{width:50;height:50;background:#BFE33A;margin:-130 145;border-radius:22q;rotate:45deg;box-shadow:-2px -2px#223E1F}&{background:linear-gradient(-30deg,#0000 275px,#223E1F 0),linear-gradient(30deg,#BFE33A 275px,#223E1F 0

26/04/2024

Solution:

<div></div>
<h1></h1>
<style>
  body {
    background: #fbd6c1;
  }
  div {
    width: 150px;
    height: 125px;
    background: #d62022;
    margin: 50 auto;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  h1 {
    width: 100px;
    height: 50px;
    border-radius: 0 0 100px 100px;
    border: solid 25px #d62022;
    border-top: 0;
    margin: -50 auto;
  }
</style>

Minified:

<body bgcolor=FBD6C1><p><h1><style>h1{width:100;height:50;border-radius:0+0+25vw+25vw;border:solid+27q#D62022;border-top:0;margin:-50+117}p{width:150;height:125;background:#D62022;margin:50+117;clip-path:polygon(50%0,100%100%,0%100%

27/04/2024

Solution:

<div></div>
<div a></div>
<style>
  body {
    background: #81008f;
  }
  div {
    width: 100px;
    height: 300px;
    background: #dbbedf;
    margin: -8 62;
    clip-path: polygon(0 0, 100% 0, 80px 100%, 20px 100%);
  }
  [a] {
    margin: -300 222;
  }
</style>

Minified:

<div></div>
<div a></div>
<style>
  body {
    background: #81008f;
  }
  div {
    width: 100px;
    height: 300px;
    background: #dbbedf;
    margin: -8 62;
    clip-path: polygon(0 0, 100% 0, 80px 100%, 20px 100%);
  }
  [a] {
    margin: -300 222;
  }
</style>

28/04/2024

Solution:

<div></div>
<style>
  body {
    background: radial-gradient(circle at center, #eff8fe 50px, #0a6190 50px);
  }
  div {
    width: 50px;
    height: 200px;
    border-radius: 50px;
    background: #eff8fe;
    margin: -33 72;
    box-shadow: 190px 150px #eff8fe;
  }
</style>

Minified:

<p><style>p{width:50;height:200;border-radius:50px;background:#EFF8FE;margin:-33+72;box-shadow:201q 50vh#EFF8FE}&{background:radial-gradient(1q,#EFF8FE 50px,#0A6190 0

29/04/2024

Solution:

<div></div>
<div a></div>
<div b></div>
<style>
  body {
    background: #631e1d;
  }
  div {
    width: 30px;
    height: 250px;
    background: #f16b4a;
    position: fixed;
    top: 25;
    left: 145;
    rotate: 30deg;
  }
  [a] {
    rotate: -30deg;
    left: 225;
  }
  [b] {
    rotate: 90deg;
    left: 185;
    top: 95;
  }
</style>

Minified:

<body bgcolor=631E1D><p><p a><p b><style>p{width:250;height:30;background:#F16B4A;position:fixed;top:189;left:75}[a]{rotate:60deg;margin:-54+40}[b]{rotate:-60deg;margin:-54-40

30/04/2024

Solution:

<div></div>
<div a></div>
<div b></div>
<div b c></div>
<style>
  body {
    background: #085328;
  }
  div {
    width: 200px;
    height: 200px;
    background: #085328;
    position: fixed;
    border-radius: 10px;
    rotate: 45deg;
    outline: solid 40px #49c85b;
    top: 50;
    left: -136;
  }
  [a] {
    left: 336;
  }
  [b] {
    left: 100;
    top: -136;
  }
  [c] {
    top: 236;
  }
</style>

Minified:

<body bgcolor=085328><p><p a><p b><p b c><style>p{width:200;height:200;position:fixed;border-radius:10px;rotate:45deg;outline:solid 5ch#49C85B;top:34;left:-136}[a]{left:336}[b]{left:100;top:-152}[c]{top:220

[↑ Scroll to top]