<body>
<!-- pokemon is inside that div -->
<div class="canvas">
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
<div class="pixel"></div>
</div>
</body>
$orange: #FFC55A;
$red: #D64A31;
$black: #000;
//center the canvas in the middle of the viewport
body {
padding:0;
margin:0;
width: 100%;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
background: #fff;
}
//create a grid of 40 columns and 40 rows
.canvas {
display: grid;
grid-template-columns: repeat(40, 12px);
grid-template-rows: repeat(40, 12px);
}
.pixel:nth-child(011),
.pixel:nth-child(012),
.pixel:nth-child(013),
.pixel:nth-child(014),
.pixel:nth-child(127),
.pixel:nth-child(57),
.pixel:nth-child(98),
.pixel:nth-child(139),
.pixel:nth-child(206),
.pixel:nth-child(207),
.pixel:nth-child(208),
.pixel:nth-child(209),
.pixel:nth-child(213),
.pixel:nth-child(214),
.pixel:nth-child(174),
.pixel:nth-child(254),
.pixel:nth-child(255),
.pixel:nth-child(295),
.pixel:nth-child(220),
.pixel:nth-child(244),
.pixel:nth-child(323),
.pixel:nth-child(341),
.pixel:nth-child(381),
.pixel:nth-child(502),
.pixel:nth-child(542),
.pixel:nth-child(582),
.pixel:nth-child(583),
.pixel:nth-child(545),
.pixel:nth-child(508),
.pixel:nth-child(549),
.pixel:nth-child(588),
.pixel:nth-child(629),
.pixel:nth-child(668),
.pixel:nth-child(747),
.pixel:nth-child(327),
.pixel:nth-child(328),
.pixel:nth-child(329),
.pixel:nth-child(330),
.pixel:nth-child(331),
.pixel:nth-child(367),
.pixel:nth-child(368),
.pixel:nth-child(369),
.pixel:nth-child(370),
.pixel:nth-child(371),
.pixel:nth-child(407),
.pixel:nth-child(408),
.pixel:nth-child(409),
.pixel:nth-child(410),
.pixel:nth-child(411),
.pixel:nth-child(405),
.pixel:nth-child(406),
.pixel:nth-child(373),
.pixel:nth-child(412),
.pixel:nth-child(413),
.pixel:nth-child(414),
.pixel:nth-child(454),
.pixel:nth-child(455),
.pixel:nth-child(496),
.pixel:nth-child(575),
.pixel:nth-child(614),
.pixel:nth-child(613),
.pixel:nth-child(652),
.pixel:nth-child(446),
.pixel:nth-child(486),
.pixel:nth-child(526),
.pixel:nth-child(566),
.pixel:nth-child(606),
.pixel:nth-child(447),
.pixel:nth-child(450),
.pixel:nth-child(490),
.pixel:nth-child(565),
.pixel:nth-child(524),
.pixel:nth-child(604),
.pixel:nth-child(602),
.pixel:nth-child(724),
.pixel:nth-child(765),
.pixel:nth-child(806),
.pixel:nth-child(848),
.pixel:nth-child(810),
.pixel:nth-child(730),
.pixel:nth-child(690),
.pixel:nth-child(689),
.pixel:nth-child(731),
.pixel:nth-child(732),
.pixel:nth-child(695),
.pixel:nth-child(656),
.pixel:nth-child(617),
.pixel:nth-child(889),
.pixel:nth-child(929),
.pixel:nth-child(1009),
.pixel:nth-child(1049),
.pixel:nth-child(1130),
.pixel:nth-child(1211),
.pixel:nth-child(1292),
.pixel:nth-child(1333),
.pixel:nth-child(1334),
.pixel:nth-child(1372),
.pixel:nth-child(1412),
.pixel:nth-child(1452),
.pixel:nth-child(1484),
.pixel:nth-child(1485),
.pixel:nth-child(1486),
.pixel:nth-child(1487),
.pixel:nth-child(1488),
.pixel:nth-child(1489),
.pixel:nth-child(1490),
.pixel:nth-child(1445),
.pixel:nth-child(1442),
.pixel:nth-child(1403),
.pixel:nth-child(1367),
.pixel:nth-child(1326),
.pixel:nth-child(1245),
.pixel:nth-child(1166),
.pixel:nth-child(1376),
.pixel:nth-child(1377),
.pixel:nth-child(1340),
.pixel:nth-child(1380),
.pixel:nth-child(1420),
.pixel:nth-child(1500),
.pixel:nth-child(1542),
.pixel:nth-child(1584),
.pixel:nth-child(1586),
.pixel:nth-child(1588),
.pixel:nth-child(1549),
.pixel:nth-child(1545),
.pixel:nth-child(1507),
.pixel:nth-child(1466),
.pixel:nth-child(1464),
.pixel:nth-child(1428),
.pixel:nth-child(1388),
.pixel:nth-child(1309),
.pixel:nth-child(1269),
.pixel:nth-child(1229),
.pixel:nth-child(1189),
.pixel:nth-child(1148),
.pixel:nth-child(786),
.pixel:nth-child(825),
.pixel:nth-child(865),
.pixel:nth-child(864),
.pixel:nth-child(946),
.pixel:nth-child(987),
.pixel:nth-child(1027),
.pixel:nth-child(1067),
.pixel:nth-child(908),
.pixel:nth-child(871),
.pixel:nth-child(833),
.pixel:nth-child(794),
.pixel:nth-child(876),
.pixel:nth-child(955),
.pixel:nth-child(1034),
.pixel:nth-child(1073),
.pixel:nth-child(1112){
background-color: $black;
}
.pixel:nth-child(50),
.pixel:nth-child(51),
.pixel:nth-child(52),
.pixel:nth-child(53),
.pixel:nth-child(54),
.pixel:nth-child(55),
.pixel:nth-child(89),
.pixel:nth-child(90),
.pixel:nth-child(91),
.pixel:nth-child(92),
.pixel:nth-child(94),
.pixel:nth-child(95),
.pixel:nth-child(96),
.pixel:nth-child(128),
.pixel:nth-child(129),
.pixel:nth-child(130),
.pixel:nth-child(131),
.pixel:nth-child(133),
.pixel:nth-child(136),
.pixel:nth-child(137),
.pixel:nth-child(138),
.pixel:nth-child(97),
.pixel:nth-child(167),
.pixel:nth-child(168),
.pixel:nth-child(169),
.pixel:nth-child(170),
.pixel:nth-child(171),
.pixel:nth-child(172),
.pixel:nth-child(177),
.pixel:nth-child(178),
.pixel:nth-child(179),
.pixel:nth-child(217),
.pixel:nth-child(218),
.pixel:nth-child(219),
.pixel:nth-child(211),
.pixel:nth-child(212),
.pixel:nth-child(246),
.pixel:nth-child(247),
.pixel:nth-child(249),
.pixel:nth-child(250),
.pixel:nth-child(251),
.pixel:nth-child(252),
.pixel:nth-child(257),
.pixel:nth-child(258),
.pixel:nth-child(259),
.pixel:nth-child(284),
.pixel:nth-child(285),
.pixel:nth-child(286),
.pixel:nth-child(287),
.pixel:nth-child(288),
.pixel:nth-child(289),
.pixel:nth-child(290),
.pixel:nth-child(291),
.pixel:nth-child(292),
.pixel:nth-child(293),
.pixel:nth-child(297),
.pixel:nth-child(298),
.pixel:nth-child(299),
.pixel:nth-child(300),
.pixel:nth-child(324),
.pixel:nth-child(333),
.pixel:nth-child(334),
.pixel:nth-child(335),
.pixel:nth-child(336),
.pixel:nth-child(337),
.pixel:nth-child(338),
.pixel:nth-child(339),
.pixel:nth-child(340),
.pixel:nth-child(375),
.pixel:nth-child(376),
.pixel:nth-child(377),
.pixel:nth-child(378),
.pixel:nth-child(379),
.pixel:nth-child(380),
.pixel:nth-child(416),
.pixel:nth-child(417),
.pixel:nth-child(418),
.pixel:nth-child(419),
.pixel:nth-child(420),
.pixel:nth-child(457),
.pixel:nth-child(458),
.pixel:nth-child(459),
.pixel:nth-child(460),
.pixel:nth-child(461),
.pixel:nth-child(497),
.pixel:nth-child(498),
.pixel:nth-child(499),
.pixel:nth-child(500),
.pixel:nth-child(501),
.pixel:nth-child(537),
.pixel:nth-child(538),
.pixel:nth-child(539),
.pixel:nth-child(540),
.pixel:nth-child(541),
.pixel:nth-child(576),
.pixel:nth-child(577),
.pixel:nth-child(579),
.pixel:nth-child(580),
.pixel:nth-child(581),
.pixel:nth-child(488),
.pixel:nth-child(489),
.pixel:nth-child(491),
.pixel:nth-child(492),
.pixel:nth-child(493),
.pixel:nth-child(527),
.pixel:nth-child(528),
.pixel:nth-child(529),
.pixel:nth-child(530),
.pixel:nth-child(531),
.pixel:nth-child(532),
.pixel:nth-child(533),
.pixel:nth-child(563),
.pixel:nth-child(564),
.pixel:nth-child(603),
.pixel:nth-child(567),
.pixel:nth-child(568),
.pixel:nth-child(569),
.pixel:nth-child(570),
.pixel:nth-child(571),
.pixel:nth-child(572),
.pixel:nth-child(609),
.pixel:nth-child(610),
.pixel:nth-child(611),
.pixel:nth-child(649),
.pixel:nth-child(650),
.pixel:nth-child(692),
.pixel:nth-child(693),
.pixel:nth-child(654),
.pixel:nth-child(655),
.pixel:nth-child(615),
.pixel:nth-child(616),
.pixel:nth-child(644),
.pixel:nth-child(645),
.pixel:nth-child(685),
.pixel:nth-child(686),
.pixel:nth-child(725),
.pixel:nth-child(726),
.pixel:nth-child(727),
.pixel:nth-child(766),
.pixel:nth-child(771),
.pixel:nth-child(1444),
.pixel:nth-child(1405),
.pixel:nth-child(1406),
.pixel:nth-child(1407),
.pixel:nth-child(1446),
.pixel:nth-child(1088),
.pixel:nth-child(1089),
.pixel:nth-child(1127),
.pixel:nth-child(1128),
.pixel:nth-child(1129),
.pixel:nth-child(1167),
.pixel:nth-child(1168),
.pixel:nth-child(1169),
.pixel:nth-child(1206),
.pixel:nth-child(1207),
.pixel:nth-child(1208),
.pixel:nth-child(1209),
.pixel:nth-child(1246),
.pixel:nth-child(1247),
.pixel:nth-child(1248),
.pixel:nth-child(1249),
.pixel:nth-child(1286),
.pixel:nth-child(1287),
.pixel:nth-child(1288),
.pixel:nth-child(1327),
.pixel:nth-child(1335),
.pixel:nth-child(1336),
.pixel:nth-child(1337),
.pixel:nth-child(1338),
.pixel:nth-child(1299),
.pixel:nth-child(1220),
.pixel:nth-child(1501),
.pixel:nth-child(1461),
.pixel:nth-child(1462),
.pixel:nth-child(1504),
.pixel:nth-child(1506),
.pixel:nth-child(1508),
.pixel:nth-child(1382),
.pixel:nth-child(1383),
.pixel:nth-child(1422),
.pixel:nth-child(1423),
.pixel:nth-child(1424),
.pixel:nth-child(1341),
.pixel:nth-child(1342),
.pixel:nth-child(1221),
.pixel:nth-child(1222),
.pixel:nth-child(1223),
.pixel:nth-child(1224),
.pixel:nth-child(1225),
.pixel:nth-child(1226),
.pixel:nth-child(1227),
.pixel:nth-child(1228),
.pixel:nth-child(1261),
.pixel:nth-child(1262),
.pixel:nth-child(1263),
.pixel:nth-child(1264),
.pixel:nth-child(1265),
.pixel:nth-child(1266),
.pixel:nth-child(1267),
.pixel:nth-child(1301),
.pixel:nth-child(1302),
.pixel:nth-child(1303),
.pixel:nth-child(1304),
.pixel:nth-child(1305),
.pixel:nth-child(547),
.pixel:nth-child(548),
.pixel:nth-child(1181),
.pixel:nth-child(1182),
.pixel:nth-child(1183),
.pixel:nth-child(1184),
.pixel:nth-child(1185),
.pixel:nth-child(1186),
.pixel:nth-child(1187),
.pixel:nth-child(1141),
.pixel:nth-child(1142),
.pixel:nth-child(1143),
.pixel:nth-child(1144),
.pixel:nth-child(1145),
.pixel:nth-child(1146),
.pixel:nth-child(1101),
.pixel:nth-child(1102),
.pixel:nth-child(1103),
.pixel:nth-child(1062),
.pixel:nth-child(1063),
.pixel:nth-child(1064),
.pixel:nth-child(1065),
.pixel:nth-child(1066),
.pixel:nth-child(1022),
.pixel:nth-child(1023),
.pixel:nth-child(1024),
.pixel:nth-child(1025),
.pixel:nth-child(1026),
.pixel:nth-child(982),
.pixel:nth-child(983),
.pixel:nth-child(984),
.pixel:nth-child(985),
.pixel:nth-child(986),
.pixel:nth-child(942),
.pixel:nth-child(943),
.pixel:nth-child(944),
.pixel:nth-child(945),
.pixel:nth-child(901),
.pixel:nth-child(902),
.pixel:nth-child(903),
.pixel:nth-child(904),
.pixel:nth-child(861),
.pixel:nth-child(862),
.pixel:nth-child(821),
.pixel:nth-child(822),
.pixel:nth-child(619),
.pixel:nth-child(620),
.pixel:nth-child(621),
.pixel:nth-child(623),
.pixel:nth-child(624),
.pixel:nth-child(625),
.pixel:nth-child(626),
.pixel:nth-child(659),
.pixel:nth-child(660),
.pixel:nth-child(661),
.pixel:nth-child(662),
.pixel:nth-child(663),
.pixel:nth-child(664),
.pixel:nth-child(665),
.pixel:nth-child(666),
.pixel:nth-child(667),
.pixel:nth-child(699),
.pixel:nth-child(700),
.pixel:nth-child(701),
.pixel:nth-child(702),
.pixel:nth-child(703),
.pixel:nth-child(704),
.pixel:nth-child(705),
.pixel:nth-child(706),
.pixel:nth-child(740),
.pixel:nth-child(741),
.pixel:nth-child(742),
.pixel:nth-child(743),
.pixel:nth-child(744),
.pixel:nth-child(780),
.pixel:nth-child(781),
.pixel:nth-child(782),
.pixel:nth-child(783),
.pixel:nth-child(1149),
.pixel:nth-child(1150),
.pixel:nth-child(910),
.pixel:nth-child(911),
.pixel:nth-child(912),
.pixel:nth-child(913),
.pixel:nth-child(914),
.pixel:nth-child(873),
.pixel:nth-child(874),
.pixel:nth-child(875),
.pixel:nth-child(834),
.pixel:nth-child(835),
.pixel:nth-child(951),
.pixel:nth-child(952),
.pixel:nth-child(953),
.pixel:nth-child(954),
.pixel:nth-child(991),
.pixel:nth-child(992),
.pixel:nth-child(993),
.pixel:nth-child(1031),
.pixel:nth-child(1032),
.pixel:nth-child(1033),
.pixel:nth-child(1070),
.pixel:nth-child(1071),
.pixel:nth-child(1072),
.pixel:nth-child(1110),
.pixel:nth-child(1111),
.pixel:nth-child(798),
.pixel:nth-child(759),
.pixel:nth-child(559),
.pixel:nth-child(478),
.pixel:nth-child(357),
.pixel:nth-child(236),
.pixel:nth-child(195),
.pixel:nth-child(234),
.pixel:nth-child(753),
.pixel:nth-child(754),
.pixel:nth-child(755),
.pixel:nth-child(756),
.pixel:nth-child(757),
.pixel:nth-child(712),
.pixel:nth-child(713),
.pixel:nth-child(714),
.pixel:nth-child(715),
.pixel:nth-child(716),
.pixel:nth-child(717),
.pixel:nth-child(718),
.pixel:nth-child(672),
.pixel:nth-child(673),
.pixel:nth-child(674),
.pixel:nth-child(675),
.pixel:nth-child(676),
.pixel:nth-child(677),
.pixel:nth-child(678),
.pixel:nth-child(632),
.pixel:nth-child(633),
.pixel:nth-child(634),
.pixel:nth-child(635),
.pixel:nth-child(636),
.pixel:nth-child(637),
.pixel:nth-child(596),
.pixel:nth-child(597),
.pixel:nth-child(557),
.pixel:nth-child(591),
.pixel:nth-child(592),
.pixel:nth-child(593),
.pixel:nth-child(594),
.pixel:nth-child(551),
.pixel:nth-child(552),
.pixel:nth-child(553),
.pixel:nth-child(554),
.pixel:nth-child(511),
.pixel:nth-child(512),
.pixel:nth-child(513),
.pixel:nth-child(514),
.pixel:nth-child(471),
.pixel:nth-child(472),
.pixel:nth-child(473),
.pixel:nth-child(474),
.pixel:nth-child(432),
.pixel:nth-child(433),
.pixel:nth-child(434),
.pixel:nth-child(393),
.pixel:nth-child(353),
.pixel:nth-child(313),
.pixel:nth-child(273){
background:$orange;
}
.pixel:nth-child(10),
.pixel:nth-child(15),
.pixel:nth-child(56),
.pixel:nth-child(49),
.pixel:nth-child(48),
.pixel:nth-child(88),
.pixel:nth-child(87),
.pixel:nth-child(166),
.pixel:nth-child(205),
.pixel:nth-child(245),
.pixel:nth-child(283),
.pixel:nth-child(363),
.pixel:nth-child(364),
.pixel:nth-child(325),
.pixel:nth-child(326),
.pixel:nth-child(365),
.pixel:nth-child(332),
.pixel:nth-child(248),
.pixel:nth-child(210),
.pixel:nth-child(132),
.pixel:nth-child(134),
.pixel:nth-child(135),
.pixel:nth-child(93),
.pixel:nth-child(173),
.pixel:nth-child(374),
.pixel:nth-child(415),
.pixel:nth-child(456),
.pixel:nth-child(494),
.pixel:nth-child(495),
.pixel:nth-child(534),
.pixel:nth-child(535),
.pixel:nth-child(536),
.pixel:nth-child(573),
.pixel:nth-child(574),
.pixel:nth-child(451),
.pixel:nth-child(452),
.pixel:nth-child(453),
.pixel:nth-child(487),
.pixel:nth-child(448),
.pixel:nth-child(449),
.pixel:nth-child(445),
.pixel:nth-child(485),
.pixel:nth-child(525),
.pixel:nth-child(404),
.pixel:nth-child(523),
.pixel:nth-child(562),
.pixel:nth-child(643),
.pixel:nth-child(605),
.pixel:nth-child(684),
.pixel:nth-child(607),
.pixel:nth-child(646),
.pixel:nth-child(647),
.pixel:nth-child(687),
.pixel:nth-child(688),
.pixel:nth-child(648),
.pixel:nth-child(000),
.pixel:nth-child(000),
.pixel:nth-child(728),
.pixel:nth-child(729),
.pixel:nth-child(767),
.pixel:nth-child(768),
.pixel:nth-child(769),
.pixel:nth-child(770),
.pixel:nth-child(807),
.pixel:nth-child(808),
.pixel:nth-child(809),
.pixel:nth-child(847),
.pixel:nth-child(849),
.pixel:nth-child(888),
.pixel:nth-child(969),
.pixel:nth-child(1048),
.pixel:nth-child(1087),
.pixel:nth-child(1126),
.pixel:nth-child(1205),
.pixel:nth-child(1285),
.pixel:nth-child(1483),
.pixel:nth-child(1404),
.pixel:nth-child(1365),
.pixel:nth-child(1366),
.pixel:nth-child(1090),
.pixel:nth-child(1170),
.pixel:nth-child(1171),
.pixel:nth-child(1210),
.pixel:nth-child(1250),
.pixel:nth-child(1251),
.pixel:nth-child(1252),
.pixel:nth-child(1293),
.pixel:nth-child(1368),
.pixel:nth-child(1369),
.pixel:nth-child(1370),
.pixel:nth-child(1371),
.pixel:nth-child(1328),
.pixel:nth-child(1329),
.pixel:nth-child(1330),
.pixel:nth-child(1331),
.pixel:nth-child(1332),
.pixel:nth-child(1289),
.pixel:nth-child(1290),
.pixel:nth-child(1291),
.pixel:nth-child(1408),
.pixel:nth-child(1409),
.pixel:nth-child(1410),
.pixel:nth-child(1411),
.pixel:nth-child(1447),
.pixel:nth-child(1448),
.pixel:nth-child(1449),
.pixel:nth-child(1450),
.pixel:nth-child(1451),
.pixel:nth-child(1491),
.pixel:nth-child(1375),
.pixel:nth-child(1378),
.pixel:nth-child(1379),
.pixel:nth-child(1339),
.pixel:nth-child(1300),
.pixel:nth-child(1260),
.pixel:nth-child(1381),
.pixel:nth-child(1421),
.pixel:nth-child(1460),
.pixel:nth-child(1583),
.pixel:nth-child(1585),
.pixel:nth-child(1587),
.pixel:nth-child(1547),
.pixel:nth-child(1505),
.pixel:nth-child(1509),
.pixel:nth-child(1541),
.pixel:nth-child(1502),
.pixel:nth-child(1463),
.pixel:nth-child(1465),
.pixel:nth-child(1467),
.pixel:nth-child(1468),
.pixel:nth-child(1425),
.pixel:nth-child(1426),
.pixel:nth-child(1427),
.pixel:nth-child(1384),
.pixel:nth-child(1385),
.pixel:nth-child(1386),
.pixel:nth-child(1387),
.pixel:nth-child(1343),
.pixel:nth-child(1344),
.pixel:nth-child(1345),
.pixel:nth-child(1346),
.pixel:nth-child(1347),
.pixel:nth-child(1348),
.pixel:nth-child(1349),
.pixel:nth-child(1306),
.pixel:nth-child(1307),
.pixel:nth-child(1308),
.pixel:nth-child(1268),
.pixel:nth-child(1188),
.pixel:nth-child(1190),
.pixel:nth-child(1151),
.pixel:nth-child(994),
.pixel:nth-child(915),
.pixel:nth-child(836),
.pixel:nth-child(795),
.pixel:nth-child(796),
.pixel:nth-child(797),
.pixel:nth-child(758),
.pixel:nth-child(719),
.pixel:nth-child(509),
.pixel:nth-child(507),
.pixel:nth-child(589),
.pixel:nth-child(622),
.pixel:nth-child(462),
.pixel:nth-child(421),
.pixel:nth-child(301),
.pixel:nth-child(260),
.pixel:nth-child(180),
.pixel:nth-child(253),
.pixel:nth-child(294),
.pixel:nth-child(215),
.pixel:nth-child(256),
.pixel:nth-child(296),
.pixel:nth-child(584),
.pixel:nth-child(585),
.pixel:nth-child(586),
.pixel:nth-child(587),
.pixel:nth-child(627),
.pixel:nth-child(628),
.pixel:nth-child(707),
.pixel:nth-child(708),
.pixel:nth-child(863),
.pixel:nth-child(823),
.pixel:nth-child(824),
.pixel:nth-child(784),
.pixel:nth-child(785),
.pixel:nth-child(745),
.pixel:nth-child(746),
.pixel:nth-child(905),
.pixel:nth-child(906),
.pixel:nth-child(947),
.pixel:nth-child(948),
.pixel:nth-child(949),
.pixel:nth-child(950),
.pixel:nth-child(909),
.pixel:nth-child(870),
.pixel:nth-child(872),
.pixel:nth-child(988),
.pixel:nth-child(989),
.pixel:nth-child(990),
.pixel:nth-child(1028),
.pixel:nth-child(1029),
.pixel:nth-child(1030),
.pixel:nth-child(1068),
.pixel:nth-child(1069),
.pixel:nth-child(679),
.pixel:nth-child(1104),
.pixel:nth-child(1105),
.pixel:nth-child(1106),
.pixel:nth-child(1107),
.pixel:nth-child(1108),
.pixel:nth-child(1109),
.pixel:nth-child(639),
.pixel:nth-child(599),
.pixel:nth-child(638),
.pixel:nth-child(598),
.pixel:nth-child(558),
.pixel:nth-child(518),
.pixel:nth-child(517),
.pixel:nth-child(556),
.pixel:nth-child(595),
.pixel:nth-child(555),
.pixel:nth-child(515),
.pixel:nth-child(475),
.pixel:nth-child(435),
.pixel:nth-child(395),
.pixel:nth-child(355),
.pixel:nth-child(315),
.pixel:nth-child(275),
.pixel:nth-child(235),
.pixel:nth-child(274),
.pixel:nth-child(314),
.pixel:nth-child(354),
.pixel:nth-child(394),
.pixel:nth-child(276),
.pixel:nth-child(316),
.pixel:nth-child(356),
.pixel:nth-child(396),
.pixel:nth-child(397),
.pixel:nth-child(436),
.pixel:nth-child(437),
.pixel:nth-child(476),
.pixel:nth-child(477),
.pixel:nth-child(516),
.pixel:nth-child(651),
.pixel:nth-child(691),
.pixel:nth-child(653),
.pixel:nth-child(694),
.pixel:nth-child(733),
.pixel:nth-child(696),
.pixel:nth-child(697),
.pixel:nth-child(657),
.pixel:nth-child(618),
.pixel:nth-child(658),
.pixel:nth-child(578),
.pixel:nth-child(546),
.pixel:nth-child(1147){
background:$red;
}
/*Show the grid & hover pointer*/
// .pixel {
// background:#fff;
// border: 1px solid rgba(100,100,100,0.1);
// &:hover {
// background:fuchsia;
// }
// }
View Compiled
This Pen doesn't use any external CSS resources.