<div class="pixel-art"></div>
body {
background-color: #000;
}
.pixel-art {
width: 4px;
height: 4px;
margin: 50px;
transform: scale(5);
box-shadow: #3fa9f5 24px 12px 0px, #3fa9f5 28px 12px 0px, #3fa9f5 40px 12px 0px, #3fa9f5 44px 12px 0px, #3fa9f5 24px 16px 0px, #3fa9f5 28px 16px 0px, #3fa9f5 40px 16px 0px, #3fa9f5 44px 16px 0px, #3fa9f5 24px 20px 0px, #3fa9f5 28px 20px 0px, #3fa9f5 40px 20px 0px, #3fa9f5 44px 20px 0px, #3fa9f5 24px 24px 0px, #3fa9f5 28px 24px 0px, #3fa9f5 40px 24px 0px, #3fa9f5 44px 24px 0px, #3fa9f5 24px 28px 0px, #3fa9f5 28px 28px 0px, #3fa9f5 40px 28px 0px, #3fa9f5 44px 28px 0px, #3fa9f5 24px 32px 0px, #3fa9f5 28px 32px 0px, #3fa9f5 40px 32px 0px, #3fa9f5 44px 32px 0px, #3fa9f5 24px 36px 0px, #3fa9f5 28px 36px 0px, #3fa9f5 40px 36px 0px, #3fa9f5 44px 36px 0px, #3fa9f5 24px 40px 0px, #3fa9f5 28px 40px 0px, #3fa9f5 40px 40px 0px, #3fa9f5 44px 40px 0px, #3fa9f5 24px 44px 0px, #3fa9f5 28px 44px 0px, #3fa9f5 40px 44px 0px, #3fa9f5 44px 44px 0px, #3fa9f5 8px 48px 0px, #3fa9f5 12px 48px 0px, #3fa9f5 24px 48px 0px, #3fa9f5 28px 48px 0px, #3fa9f5 40px 48px 0px, #3fa9f5 44px 48px 0px, #3fa9f5 56px 48px 0px, #3fa9f5 60px 48px 0px, #3fa9f5 8px 52px 0px, #3fa9f5 12px 52px 0px, #3fa9f5 16px 52px 0px, #3fa9f5 20px 52px 0px, #3fa9f5 24px 52px 0px, #3fa9f5 28px 52px 0px, #3fa9f5 40px 52px 0px, #3fa9f5 44px 52px 0px, #3fa9f5 48px 52px 0px, #3fa9f5 52px 52px 0px, #3fa9f5 56px 52px 0px, #3fa9f5 60px 52px 0px, #3fa9f5 16px 56px 0px, #3fa9f5 20px 56px 0px, #3fa9f5 24px 56px 0px, #3fa9f5 28px 56px 0px, #3fa9f5 40px 56px 0px, #3fa9f5 44px 56px 0px, #3fa9f5 48px 56px 0px, #3fa9f5 52px 56px 0px;
}
function __CodePenIFrameAddedToPage() {
console.log('Hello 😊');
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.