(cache)CodePen Embed -        ⠀⠀   🝱   ⠀⠀        ◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦        ⠀⠀   🝱   ⠀⠀       

<HTML>
<HEAD>
<STYLE>
IFRAME
{MIX-BLEND-MODE:MULTIPLY;
IMAGE-RENDERING:PIXELATED;
!BACKGROUND:
LINEAR-GRADIENT(TO TOP,RGBA(255,255,255,1.093359375),RGBA(255,255,255,1.093359375)),
URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
,URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
,URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
,URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
,URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
,URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
,URL(DATA:IMAGE/SVG+XML,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20style%3D%22fill%3A%230F0F0F%22%20%2F%3E%3C%2Fsvg%3E)
;BACKGROUND-SIZE:3PX,9PX,27PX,81PX,243PX,729PX,2187PX;BACKGROUND-POSITION:CENTER;BACKGROUND-REPEAT:REPEAT;BACKGROUND-BLEND-MODE:DIFFERENCE
}
</STYLE>
<META CHARSET="UTF-8">
<TITLE>        ⠀⠀   🝱   ⠀⠀        ◦୦◦◯◦୦◦⠀       ⠀◦୦◦◯◦୦◦        ⠀⠀   🝱   ⠀⠀        </TITLE>
</HEAD>
<BODY STYLE="MARGIN:0;PADDING:0;OVERFLOW:HIDDEN;LINE-HEIGHT:1;">
<DIV CLASS="ꖅ🝊Ⓞ⯏𖧷Ⓞ🟗ⵙꖅ◇⛋✻⛋◇ꖅⵙ🟗Ⓞ𖧷⯏Ⓞ🝊ꖅ">




<DIV STYLE="TRANSFORM-ORIGIN:50VW 50VH;TRANSFORM:ROTATEZ(0DEG)">
<DIV STYLE
=
"
DISPLAY:GRID;GRID-TEMPLATE-COLUMNS:50% 50%;
WIDTH:MIN(100VW,100VH);HEIGHT:MIN(100VW,100VH);
POSITION:ABSOLUTE;
TRANSFORM-ORIGIN:BOTTOM;
TRANSFORM:
TRANSLATEX(CALC(50VW - MIN(50VW,50VH)))
TRANSLATEY(CALC(50VH - MIN(50VW,50VH)))
PERSPECTIVE(MIN(50VW,50VH))
ROTATEX(45DEG)
"
>

<DIV>
<IFRAME STYLE=TRANSFORM:SCALE(1,1);WIDTH:CALC(MIN(100VW,100VH));HEIGHT:CALC(MIN(100VW,100VH)) FRAMEBORDER=0 SRC=HTTPS://WEB.ARCHIVE.ⓄRG/web/20260121151349/https://cdpn.io/pen/debug/ZYGRdqq?authentication_hash=PNAvYmGaXnRr></IFRAME>
</DIV>

</DIV>
</DIV>




<DIV STYLE="TRANSFORM-ORIGIN:50VW 50VH;TRANSFORM:ROTATEZ(-90DEG)">
<DIV STYLE
=
"
DISPLAY:GRID;GRID-TEMPLATE-COLUMNS:50% 50%;
WIDTH:MIN(100VW,100VH);HEIGHT:MIN(100VW,100VH);
POSITION:ABSOLUTE;
TRANSFORM-ORIGIN:BOTTOM;
TRANSFORM:
TRANSLATEX(CALC(50VW - MIN(50VW,50VH)))
TRANSLATEY(CALC(50VH - MIN(50VW,50VH)))
PERSPECTIVE(MIN(50VW,50VH))
ROTATEX(45DEG)
"
>

<DIV>
<IFRAME STYLE=TRANSFORM:SCALE(1,1);WIDTH:CALC(MIN(100VW,100VH));HEIGHT:CALC(MIN(100VW,100VH)) FRAMEBORDER=0 SRC=HTTPS://WEB.ARCHIVE.ⓄRG/web/20260121151349/https://cdpn.io/pen/debug/ZYGRdqq?authentication_hash=PNAvYmGaXnRr></IFRAME>
</DIV>

</DIV>
</DIV>



<DIV STYLE="TRANSFORM-ORIGIN:50VW 50VH;TRANSFORM:ROTATEZ(-180DEG)">
<DIV STYLE
=
"
DISPLAY:GRID;GRID-TEMPLATE-COLUMNS:50% 50%;
WIDTH:MIN(100VW,100VH);HEIGHT:MIN(100VW,100VH);
POSITION:ABSOLUTE;
TRANSFORM-ORIGIN:BOTTOM;
TRANSFORM:
TRANSLATEX(CALC(50VW - MIN(50VW,50VH)))
TRANSLATEY(CALC(50VH - MIN(50VW,50VH)))
PERSPECTIVE(MIN(50VW,50VH))
ROTATEX(45DEG)
"
>

<DIV>
<IFRAME STYLE=TRANSFORM:SCALE(1,1);WIDTH:CALC(MIN(100VW,100VH));HEIGHT:CALC(MIN(100VW,100VH)) FRAMEBORDER=0 SRC=HTTPS://WEB.ARCHIVE.ⓄRG/web/20260121151349/https://cdpn.io/pen/debug/ZYGRdqq?authentication_hash=PNAvYmGaXnRr></IFRAME>
</DIV>

</DIV>
</DIV>




<DIV STYLE="TRANSFORM-ORIGIN:50VW 50VH;TRANSFORM:ROTATEZ(-270DEG)">
<DIV STYLE
=
"
DISPLAY:GRID;GRID-TEMPLATE-COLUMNS:50% 50%;
WIDTH:MIN(100VW,100VH);HEIGHT:MIN(100VW,100VH);
POSITION:ABSOLUTE;
TRANSFORM-ORIGIN:BOTTOM;
TRANSFORM:
TRANSLATEX(CALC(50VW - MIN(50VW,50VH)))
TRANSLATEY(CALC(50VH - MIN(50VW,50VH)))
PERSPECTIVE(MIN(50VW,50VH))
ROTATEX(45DEG)
"
>

<DIV>
<IFRAME STYLE=TRANSFORM:SCALE(1,1);WIDTH:CALC(MIN(100VW,100VH));HEIGHT:CALC(MIN(100VW,100VH)) FRAMEBORDER=0 SRC=HTTPS://WEB.ARCHIVE.ⓄRG/web/20260121151349/https://cdpn.io/pen/debug/ZYGRdqq?authentication_hash=PNAvYmGaXnRr></IFRAME>
</DIV>

</DIV>
</DIV>




<DIV STYLE="TRANSFORM-ORIGIN:50VW 50VH;TRANSFORM:SCALE(0.4142135623730950488016887242097)">
<DIV STYLE
=
"
DISPLAY:GRID;GRID-TEMPLATE-COLUMNS:50% 50%;
WIDTH:MIN(100VW,100VH);HEIGHT:MIN(100VW,100VH);
POSITION:ABSOLUTE;
TRANSFORM-ORIGIN:BOTTOM;
TRANSFORM:
TRANSLATEX(CALC(50VW - MIN(50VW,50VH)))
TRANSLATEY(CALC(50VH - MIN(50VW,50VH)))
PERSPECTIVE(MIN(50VW,50VH))
ROTATEX(0DEG)
"
>

<DIV>
<IFRAME STYLE=TRANSFORM:SCALE(1,1);WIDTH:CALC(MIN(100VW,100VH));HEIGHT:CALC(MIN(100VW,100VH)) FRAMEBORDER=0 SRC=HTTPS://WEB.ARCHIVE.ⓄRG/web/20260121151349/https://cdpn.io/pen/debug/ZYGRdqq?authentication_hash=PNAvYmGaXnRr></IFRAME>
</DIV>

</DIV>
</DIV>









</DIV CLASS="ꖅ🝊Ⓞ⯏𖧷Ⓞ🟗ⵙꖅ◇⛋✻⛋◇ꖅⵙ🟗Ⓞ𖧷⯏Ⓞ🝊ꖅ">
</BODY>
</HTML>
This Pen is owned by 𝆯 𝆯 on CodePen.
See more by @OOOOOOOOOOOOOOOO on CodePen
External CSS

This Pen doesn't use any external CSS resources.
External JavaScript

This Pen doesn't use any external JavaScript resources.