<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 😊');

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.