123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              - @tiles0 = ['darkblue-r2c1','darkblue-r2c2','darkblue-r2c3','darkblue-r2c4','darkblue-r2c5','darkblue-r2c6','darkblue-r2c7','darkblue-r2c8','darkblue-r2c9','darkblue-r2c10','darkblue-r2c11','darkblue-r2c12','darkblue-r2c13','darkblue-r2c14','darkblue-r2c15','darkblue-r2c16','darkblue-r2c17','darkblue-r2c18','darkblue-r2c19','darkblue-r2c20','darkblue-r2c21','darkblue-r2c22','darkblue-r2c23','darkblue-r2c24','darkblue-r2c25','darkblue-r2c26','darkblue-r2c27','darkblue-r2c28','darkblue-r2c29','darkblue-r2c30','darkblue-r2c31','darkblue-r2c32','darkblue-r2c33','darkblue-r2c34','darkblue-r2c35','darkblue-r2c36','darkblue-r2c37','darkblue-r2c38','darkblue-r2c39','darkblue-r2c40','darkblue-r2c41','darkblue-r2c42','darkblue-r2c43','darkblue-r2c44','darkblue-r2c45','darkblue-r2c46','darkblue-r2c47','darkblue-r2c48','darkblue-r2c49','darkblue-r2c50','darkblue-r2c51','darkblue-r2c52','darkblue-r2c53','darkblue-r2c54','darkblue-r2c55','darkblue-r2c56','darkblue-r2c57','darkblue-r3c3','darkblue-r3c7','darkblue-r3c11','darkblue-r3c15','darkblue-r3c19','darkblue-r3c23','darkblue-r3c27','darkblue-r3c31','darkblue-r3c35','darkblue-r3c39','darkblue-r3c43','darkblue-r3c47','darkblue-r3c51','darkblue-r3c55','darkblue-r4c1','darkblue-r4c5','darkblue-r4c9','darkblue-r4c13','darkblue-r4c17','darkblue-r4c21','darkblue-r4c25','darkblue-r4c29','darkblue-r4c33','darkblue-r4c37','darkblue-r4c41','darkblue-r4c45','darkblue-r4c49','darkblue-r4c53','darkblue-r4c57','darkblue-r5c1','darkblue-r5c2','darkblue-r5c3','darkblue-r5c4','darkblue-r5c5','darkblue-r5c6','darkblue-r5c7','darkblue-r5c8','darkblue-r5c9','darkblue-r5c10','darkblue-r5c11','darkblue-r5c12','darkblue-r5c13','darkblue-r5c14','darkblue-r5c15','darkblue-r5c16','darkblue-r5c17','darkblue-r5c18','darkblue-r5c19','darkblue-r5c20','darkblue-r5c21','darkblue-r5c22','darkblue-r5c23','darkblue-r5c24','darkblue-r5c25','darkblue-r5c26','darkblue-r5c27','darkblue-r5c28','darkblue-r5c29','darkblue-r5c30','darkblue-r5c31','darkblue-r5c32','darkblue-r5c33','darkblue-r5c34','darkblue-r5c35','darkblue-r5c36','darkblue-r5c37','darkblue-r5c38','darkblue-r5c39','darkblue-r5c40','darkblue-r5c41','darkblue-r5c42','darkblue-r5c43','darkblue-r5c44','darkblue-r5c45','darkblue-r5c46','darkblue-r5c47','darkblue-r5c48','darkblue-r5c49','darkblue-r5c50','darkblue-r5c51','darkblue-r5c52','darkblue-r5c53','darkblue-r5c54','darkblue-r5c55','darkblue-r5c56','darkblue-r5c57','red-r6c1','blue-r6c3','blue-r6c4','blue-r6c5','blue-r6c6','blue-r6c8','blue-r6c9','yellow-r6c10','red-r6c11','yellow-r6c12','blue-r6c13','blue-r6c14','blue-r6c16','blue-r6c17','blue-r6c18','blue-r6c19','red-r6c21','blue-r6c23','blue-r6c24','blue-r6c25','blue-r6c26','blue-r6c28','blue-r6c29','yellow-r6c30','red-r6c31','yellow-r6c32','blue-r6c33','blue-r6c34','blue-r6c36','blue-r6c37','blue-r6c38','blue-r6c39','red-r6c41','blue-r6c43','blue-r6c44','blue-r6c45','blue-r6c46','blue-r6c48','blue-r6c49','yellow-r6c50','red-r6c51','yellow-r6c52','blue-r6c53','blue-r6c54','blue-r6c56','blue-r6c57','blue-r7c3','blue-r7c4','blue-r7c5','blue-r7c7','blue-r7c8','blue-r7c9','yellow-r7c11','blue-r7c13','blue-r7c14','blue-r7c15','blue-r7c17','blue-r7c18','blue-r7c19','blue-r7c23','blue-r7c24','blue-r7c25','blue-r7c27','blue-r7c28','blue-r7c29','yellow-r7c31','blue-r7c33','blue-r7c34','blue-r7c35','blue-r7c37','blue-r7c38','blue-r7c39','blue-r7c43','blue-r7c44','blue-r7c45','blue-r7c47','blue-r7c48','blue-r7c49','yellow-r7c51','blue-r7c53','blue-r7c54','blue-r7c55','blue-r7c57','blue-r8c1','blue-r8c2','blue-r8c3','blue-r8c4','blue-r8c6','blue-r8c7','blue-r8c8','blue-r8c10','blue-r8c11','blue-r8c12','blue-r8c14','blue-r8c15','blue-r8c16','blue-r8c18','blue-r8c19','blue-r8c20','blue-r8c21','blue-r8c22','blue-r8c23','blue-r8c24','blue-r8c26','blue-r8c27','blue-r8c28','blue-r8c30','blue-r8c31','blue-r8c32','blue-r8c34','blue-r8c35','blue-r8c36','blue-r8c38','blue-r8c39','blue-r8c40','blue-r8c41','blue-r8c42','blue-r8c43','blue-r8c44','blue-r8c46','blue-r8c47','blue-r8c48','blue-r8c50','blue-r8c51','blue-r8c52','blue-r8c54','blue-r8c55','blue-r8c56','blue-r9c1','blue-r9c2','blue-r9c3','blue-r9c5','blue-r9c6','blue-r9c7','blue-r9c9','blue-r9c10','blue-r9c11','blue-r9c12','blue-r9c13','blue-r9c15','blue-r9c16','blue-r9c17','blue-r9c19','blue-r9c20','blue-r9c21','blue-r9c22','blue-r9c23','blue-r9c25','blue-r9c26','blue-r9c27','blue-r9c29','blue-r9c30','blue-r9c31','blue-r9c32','blue-r9c33','blue-r9c35','blue-r9c36','blue-r9c37','blue-r9c39','blue-r9c40','blue-r9c41','blue-r9c42','blue-r9c43','blue-r9c45','blue-r9c46','blue-r9c47','blue-r9c49','blue-r9c50','blue-r9c51','blue-r9c52','blue-r9c53','blue-r9c55','blue-r9c56','blue-r9c57','blue-r10c1','blue-r10c2','blue-r10c4','blue-r10c5','blue-r10c6','blue-r10c8','blue-r10c9','blue-r10c10','blue-r10c12','blue-r10c13','blue-r10c14','blue-r10c16','blue-r10c17','blue-r10c18','blue-r10c20','blue-r10c21','blue-r10c22','blue-r10c24','blue-r10c25','blue-r10c26','blue-r10c28','blue-r10c29','blue-r10c30','blue-r10c32','blue-r10c33','blue-r10c34','blue-r10c36','blue-r10c37','blue-r10c38','blue-r10c40','blue-r10c41','blue-r10c42','blue-r10c44','blue-r10c45','blue-r10c46','blue-r10c48','blue-r10c49','blue-r10c50','blue-r10c52','blue-r10c53','blue-r10c54','blue-r10c56','blue-r10c57','blue-r11c1','blue-r11c3','blue-r11c4','blue-r11c5','blue-r11c7','blue-r11c8','blue-r11c9','blue-r11c11','blue-r11c13','blue-r11c14','blue-r11c15','blue-r11c17','blue-r11c18','blue-r11c19','blue-r11c21','blue-r11c23','blue-r11c24','blue-r11c25','blue-r11c27','blue-r11c28','blue-r11c29','blue-r11c31','blue-r11c33','blue-r11c34','blue-r11c35','blue-r11c37','blue-r11c38','blue-r11c39','blue-r11c41','blue-r11c43','blue-r11c44','blue-r11c45','blue-r11c47','blue-r11c48','blue-r11c49','blue-r11c51','blue-r11c53','blue-r11c54','blue-r11c55','blue-r11c57','blue-r12c2','blue-r12c3','blue-r12c4','blue-r12c6','blue-r12c7','blue-r12c8','blue-r12c10','blue-r12c11','blue-r12c12','blue-r12c14','blue-r12c15','blue-r12c16','blue-r12c18','blue-r12c19','blue-r12c20','blue-r12c22','blue-r12c23','blue-r12c24','blue-r12c26','blue-r12c27','blue-r12c28','blue-r12c30','blue-r12c31','blue-r12c32','blue-r12c34','blue-r12c35','blue-r12c36','blue-r12c38','blue-r12c39','blue-r12c40','blue-r12c42','blue-r12c43','blue-r12c44','blue-r12c46','blue-r12c47','blue-r12c48','blue-r12c50','blue-r12c51','blue-r12c52','blue-r12c54','blue-r12c55','blue-r12c56','blue-r13c1','blue-r13c2','blue-r13c3','blue-r13c5','blue-r13c6','blue-r13c7','blue-r13c9','blue-r13c10','blue-r13c11','blue-r13c12','blue-r13c13','blue-r13c15','blue-r13c16','blue-r13c17','blue-r13c19','blue-r13c20','blue-r13c21','blue-r13c22','blue-r13c23','blue-r13c25','blue-r13c26','blue-r13c27','blue-r13c29','blue-r13c30','blue-r13c31','blue-r13c32','blue-r13c33','blue-r13c35','blue-r13c36','blue-r13c37','blue-r13c39','blue-r13c40','blue-r13c41','blue-r13c42','blue-r13c43','blue-r13c45','blue-r13c46','blue-r13c47','blue-r13c49','blue-r13c50','blue-r13c51','blue-r13c52','blue-r13c53','blue-r13c55','blue-r13c56','blue-r13c57','blue-r14c1','blue-r14c2','blue-r14c4','blue-r14c5','blue-r14c6','blue-r14c8','blue-r14c9','blue-r14c10','blue-r14c11','blue-r14c12','blue-r14c13','blue-r14c14','blue-r14c16','blue-r14c17','blue-r14c18','blue-r14c20','blue-r14c21','blue-r14c22','blue-r14c24','blue-r14c25','blue-r14c26','blue-r14c28','blue-r14c29','blue-r14c30','blue-r14c31','blue-r14c32','blue-r14c33','blue-r14c34','blue-r14c36','blue-r14c37','blue-r14c38','blue-r14c40','blue-r14c41','blue-r14c42','blue-r14c44','blue-r14c45','blue-r14c46','blue-r14c48','blue-r14c49','blue-r14c50','blue-r14c51','blue-r14c52','blue-r14c53','blue-r14c54','blue-r14c56','blue-r14c57']
- @tiles1 = ['yellow-r15c1','blue-r15c3','blue-r15c4','blue-r15c5','blue-r15c7','blue-r15c8','blue-r15c9','blue-r15c13','blue-r15c14','blue-r15c15','blue-r15c17','blue-r15c18','blue-r15c19','yellow-r15c21','blue-r15c23','blue-r15c24','blue-r15c25','blue-r15c27','blue-r15c28','blue-r15c29','blue-r15c33','blue-r15c34','blue-r15c35','blue-r15c37','blue-r15c38','blue-r15c39','yellow-r15c41','blue-r15c43','blue-r15c44','blue-r15c45','blue-r15c47','blue-r15c48','blue-r15c49','blue-r15c53','blue-r15c54','blue-r15c55','blue-r15c57','red-r16c1','yellow-r16c2','blue-r16c3','blue-r16c4','blue-r16c6','blue-r16c7','blue-r16c8','blue-r16c9','red-r16c11','blue-r16c13','blue-r16c14','blue-r16c15','blue-r16c16','blue-r16c18','blue-r16c19','yellow-r16c20','red-r16c21','yellow-r16c22','blue-r16c23','blue-r16c24','blue-r16c26','blue-r16c27','blue-r16c28','blue-r16c29','red-r16c31','blue-r16c33','blue-r16c34','blue-r16c35','blue-r16c36','blue-r16c38','blue-r16c39','yellow-r16c40','red-r16c41','yellow-r16c42','blue-r16c43','blue-r16c44','blue-r16c46','blue-r16c47','blue-r16c48','blue-r16c49','red-r16c51','blue-r16c53','blue-r16c54','blue-r16c55','blue-r16c56','yellow-r17c1','blue-r17c3','blue-r17c4','blue-r17c5','blue-r17c7','blue-r17c8','blue-r17c9','blue-r17c13','blue-r17c14','blue-r17c15','blue-r17c17','blue-r17c18','blue-r17c19','yellow-r17c21','blue-r17c23','blue-r17c24','blue-r17c25','blue-r17c27','blue-r17c28','blue-r17c29','blue-r17c33','blue-r17c34','blue-r17c35','blue-r17c37','blue-r17c38','blue-r17c39','yellow-r17c41','blue-r17c43','blue-r17c44','blue-r17c45','blue-r17c47','blue-r17c48','blue-r17c49','blue-r17c53','blue-r17c54','blue-r17c55','blue-r17c57','blue-r18c1','blue-r18c2','blue-r18c4','blue-r18c5','blue-r18c6','blue-r18c8','blue-r18c9','blue-r18c10','blue-r18c11','blue-r18c12','blue-r18c13','blue-r18c14','blue-r18c16','blue-r18c17','blue-r18c18','blue-r18c20','blue-r18c21','blue-r18c22','blue-r18c24','blue-r18c25','blue-r18c26','blue-r18c28','blue-r18c29','blue-r18c30','blue-r18c31','blue-r18c32','blue-r18c33','blue-r18c34','blue-r18c36','blue-r18c37','blue-r18c38','blue-r18c40','blue-r18c41','blue-r18c42','blue-r18c44','blue-r18c45','blue-r18c46','blue-r18c48','blue-r18c49','blue-r18c50','blue-r18c51','blue-r18c52','blue-r18c53','blue-r18c54','blue-r18c56','blue-r18c57','blue-r19c1','blue-r19c2','blue-r19c3','blue-r19c5','blue-r19c6','blue-r19c7','blue-r19c9','blue-r19c10','blue-r19c11','blue-r19c12','blue-r19c13','blue-r19c15','blue-r19c16','blue-r19c17','blue-r19c19','blue-r19c20','blue-r19c21','blue-r19c22','blue-r19c23','blue-r19c25','blue-r19c26','blue-r19c27','blue-r19c29','blue-r19c30','blue-r19c31','blue-r19c32','blue-r19c33','blue-r19c35','blue-r19c36','blue-r19c37','blue-r19c39','blue-r19c40','blue-r19c41','blue-r19c42','blue-r19c43','blue-r19c45','blue-r19c46','blue-r19c47','blue-r19c49','blue-r19c50','blue-r19c51','blue-r19c52','blue-r19c53','blue-r19c55','blue-r19c56','blue-r19c57','blue-r20c2','blue-r20c3','blue-r20c4','blue-r20c6','blue-r20c7','blue-r20c8','blue-r20c10','blue-r20c11','blue-r20c12','blue-r20c14','blue-r20c15','blue-r20c16','blue-r20c18','blue-r20c19','blue-r20c20','blue-r20c22','blue-r20c23','blue-r20c24','blue-r20c26','blue-r20c27','blue-r20c28','blue-r20c30','blue-r20c31','blue-r20c32','blue-r20c34','blue-r20c35','blue-r20c36','blue-r20c38','blue-r20c39','blue-r20c40','blue-r20c42','blue-r20c43','blue-r20c44','blue-r20c46','blue-r20c47','blue-r20c48','blue-r20c50','blue-r20c51','blue-r20c52','blue-r20c54','blue-r20c55','blue-r20c56','blue-r21c1','blue-r21c3','blue-r21c4','blue-r21c5','blue-r21c7','blue-r21c8','blue-r21c9','blue-r21c11','blue-r21c13','blue-r21c14','blue-r21c15','blue-r21c17','blue-r21c18','blue-r21c19','blue-r21c21','blue-r21c23','blue-r21c24','blue-r21c25','blue-r21c27','blue-r21c28','blue-r21c29','blue-r21c31','blue-r21c33','blue-r21c34','blue-r21c35','blue-r21c37','blue-r21c38','blue-r21c39','blue-r21c41','blue-r21c43','blue-r21c44','blue-r21c45','blue-r21c47','blue-r21c48','blue-r21c49','blue-r21c51','blue-r21c53','blue-r21c54','blue-r21c55','blue-r21c57','blue-r22c1','blue-r22c2','blue-r22c4','blue-r22c5','blue-r22c6','blue-r22c8','blue-r22c9','blue-r22c10','blue-r22c12','blue-r22c13','blue-r22c14','blue-r22c16','blue-r22c17','blue-r22c18','blue-r22c20','blue-r22c21','blue-r22c22','blue-r22c24','blue-r22c25','blue-r22c26','blue-r22c28','blue-r22c29','blue-r22c30','blue-r22c32','blue-r22c33','blue-r22c34','blue-r22c36','blue-r22c37','blue-r22c38','blue-r22c40','blue-r22c41','blue-r22c42','blue-r22c44','blue-r22c45','blue-r22c46','blue-r22c48','blue-r22c49','blue-r22c50','blue-r22c52','blue-r22c53','blue-r22c54','blue-r22c56','blue-r22c57','blue-r23c1','blue-r23c2','blue-r23c3','blue-r23c5','blue-r23c6','blue-r23c7','blue-r23c9','blue-r23c10','blue-r23c11','blue-r23c12','blue-r23c13','blue-r23c15','blue-r23c16','blue-r23c17','blue-r23c19','blue-r23c20','blue-r23c21','blue-r23c22','blue-r23c23','blue-r23c25','blue-r23c26','blue-r23c27','blue-r23c29','blue-r23c30','blue-r23c31','blue-r23c32','blue-r23c33','blue-r23c35','blue-r23c36','blue-r23c37','blue-r23c39','blue-r23c40','blue-r23c41','blue-r23c42','blue-r23c43','blue-r23c45','blue-r23c46','blue-r23c47','blue-r23c49','blue-r23c50','blue-r23c51','blue-r23c52','blue-r23c53','blue-r23c55','blue-r23c56','blue-r23c57','blue-r24c1','blue-r24c2','blue-r24c3','blue-r24c4','blue-r24c6','blue-r24c7','blue-r24c8','blue-r24c10','blue-r24c11','blue-r24c12','blue-r24c14','blue-r24c15','blue-r24c16','blue-r24c18','blue-r24c19','blue-r24c20','blue-r24c21','blue-r24c22','blue-r24c23','blue-r24c24','blue-r24c26','blue-r24c27','blue-r24c28','blue-r24c30','blue-r24c31','blue-r24c32','blue-r24c34','blue-r24c35','blue-r24c36','blue-r24c38','blue-r24c39','blue-r24c40','blue-r24c41','blue-r24c42','blue-r24c43','blue-r24c44','blue-r24c46','blue-r24c47','blue-r24c48','blue-r24c50','blue-r24c51','blue-r24c52','blue-r24c54','blue-r24c55','blue-r24c56','blue-r25c3','blue-r25c4','blue-r25c5','blue-r25c7','blue-r25c8','blue-r25c9','yellow-r25c11','blue-r25c13','blue-r25c14','blue-r25c15','blue-r25c17','blue-r25c18','blue-r25c19','blue-r25c23','blue-r25c24','blue-r25c25','blue-r25c27','blue-r25c28','blue-r25c29','yellow-r25c31','blue-r25c33','blue-r25c34','blue-r25c35','blue-r25c37','blue-r25c38','blue-r25c39','blue-r25c43','blue-r25c44','blue-r25c45','blue-r25c47','blue-r25c48','blue-r25c49','yellow-r25c51','blue-r25c53','blue-r25c54','blue-r25c55','blue-r25c57','red-r26c1','blue-r26c3','blue-r26c4','blue-r26c5','blue-r26c6','blue-r26c8','blue-r26c9','yellow-r26c10','red-r26c11','yellow-r26c12','blue-r26c13','blue-r26c14','blue-r26c16','blue-r26c17','blue-r26c18','blue-r26c19','red-r26c21','blue-r26c23','blue-r26c24','blue-r26c25','blue-r26c26','blue-r26c28','blue-r26c29','yellow-r26c30','red-r26c31','yellow-r26c32','blue-r26c33','blue-r26c34','blue-r26c36','blue-r26c37','blue-r26c38','blue-r26c39','red-r26c41','blue-r26c43','blue-r26c44','blue-r26c45','blue-r26c46','blue-r26c48','blue-r26c49','yellow-r26c50','red-r26c51','yellow-r26c52','blue-r26c53','blue-r26c54','blue-r26c56','blue-r26c57','blue-r27c3','blue-r27c4','blue-r27c5','blue-r27c7','blue-r27c8','blue-r27c9','yellow-r27c11','blue-r27c13','blue-r27c14','blue-r27c15','blue-r27c17','blue-r27c18','blue-r27c19','blue-r27c23','blue-r27c24','blue-r27c25','blue-r27c27','blue-r27c28','blue-r27c29','yellow-r27c31','blue-r27c33','blue-r27c34','blue-r27c35','blue-r27c37','blue-r27c38','blue-r27c39','blue-r27c43','blue-r27c44','blue-r27c45','blue-r27c47','blue-r27c48','blue-r27c49','yellow-r27c51','blue-r27c53','blue-r27c54','blue-r27c55','blue-r27c57','blue-r28c1','blue-r28c2','blue-r28c3','blue-r28c4','blue-r28c6','blue-r28c7','blue-r28c8','blue-r28c10','blue-r28c11','blue-r28c12','blue-r28c14','blue-r28c15','blue-r28c16','blue-r28c18','blue-r28c19','blue-r28c20','blue-r28c21','blue-r28c22','blue-r28c23','blue-r28c24','blue-r28c26','blue-r28c27','blue-r28c28','blue-r28c30','blue-r28c31','blue-r28c32','blue-r28c34','blue-r28c35','blue-r28c36','blue-r28c38','blue-r28c39','blue-r28c40','blue-r28c41','blue-r28c42','blue-r28c43','blue-r28c44','blue-r28c46','blue-r28c47','blue-r28c48','blue-r28c50','blue-r28c51','blue-r28c52','blue-r28c54','blue-r28c55','blue-r28c56']
- @tiles2 = ['blue-r29c1','blue-r29c2','blue-r29c3','blue-r29c5','blue-r29c6','blue-r29c7','blue-r29c9','blue-r29c10','blue-r29c11','blue-r29c12','blue-r29c13','blue-r29c15','blue-r29c16','blue-r29c17','blue-r29c19','blue-r29c20','blue-r29c21','blue-r29c22','blue-r29c23','blue-r29c25','blue-r29c26','blue-r29c27','blue-r29c29','blue-r29c30','blue-r29c31','blue-r29c32','blue-r29c33','blue-r29c35','blue-r29c36','blue-r29c37','blue-r29c39','blue-r29c40','blue-r29c41','blue-r29c42','blue-r29c43','blue-r29c45','blue-r29c46','blue-r29c47','blue-r29c49','blue-r29c50','blue-r29c51','blue-r29c52','blue-r29c53','blue-r29c55','blue-r29c56','blue-r29c57','blue-r30c1','blue-r30c2','blue-r30c4','blue-r30c5','blue-r30c6','blue-r30c8','blue-r30c9','blue-r30c10','blue-r30c12','blue-r30c13','blue-r30c14','blue-r30c16','blue-r30c17','blue-r30c18','blue-r30c20','blue-r30c21','blue-r30c22','blue-r30c24','blue-r30c25','blue-r30c26','blue-r30c28','blue-r30c29','blue-r30c30','blue-r30c32','blue-r30c33','blue-r30c34','blue-r30c36','blue-r30c37','blue-r30c38','blue-r30c40','blue-r30c41','blue-r30c42','blue-r30c44','blue-r30c45','blue-r30c46','blue-r30c48','blue-r30c49','blue-r30c50','blue-r30c52','blue-r30c53','blue-r30c54','blue-r30c56','blue-r30c57','blue-r31c1','blue-r31c3','blue-r31c4','blue-r31c5','blue-r31c7','blue-r31c8','blue-r31c9','blue-r31c11','blue-r31c13','blue-r31c14','blue-r31c15','blue-r31c17','blue-r31c18','blue-r31c19','blue-r31c21','blue-r31c23','blue-r31c24','blue-r31c25','blue-r31c27','blue-r31c28','blue-r31c29','blue-r31c31','blue-r31c33','blue-r31c34','blue-r31c35','blue-r31c37','blue-r31c38','blue-r31c39','blue-r31c41','blue-r31c43','blue-r31c44','blue-r31c45','blue-r31c47','blue-r31c48','blue-r31c49','blue-r31c51','blue-r31c53','blue-r31c54','blue-r31c55','blue-r31c57','blue-r32c2','blue-r32c3','blue-r32c4','blue-r32c6','blue-r32c7','blue-r32c8','blue-r32c10','blue-r32c11','blue-r32c12','blue-r32c14','blue-r32c15','blue-r32c16','blue-r32c18','blue-r32c19','blue-r32c20','blue-r32c22','blue-r32c23','blue-r32c24','blue-r32c26','blue-r32c27','blue-r32c28','blue-r32c30','blue-r32c31','blue-r32c32','blue-r32c34','blue-r32c35','blue-r32c36','blue-r32c38','blue-r32c39','blue-r32c40','blue-r32c42','blue-r32c43','blue-r32c44','blue-r32c46','blue-r32c47','blue-r32c48','blue-r32c50','blue-r32c51','blue-r32c52','blue-r32c54','blue-r32c55','blue-r32c56','blue-r33c1','blue-r33c2','blue-r33c3','blue-r33c5','blue-r33c6','blue-r33c7','blue-r33c9','blue-r33c10','blue-r33c11','blue-r33c12','blue-r33c13','blue-r33c15','blue-r33c16','blue-r33c17','blue-r33c19','blue-r33c20','blue-r33c21','blue-r33c22','blue-r33c23','blue-r33c25','blue-r33c26','blue-r33c27','blue-r33c29','blue-r33c30','blue-r33c31','blue-r33c32','blue-r33c33','blue-r33c35','blue-r33c36','blue-r33c37','blue-r33c39','blue-r33c40','blue-r33c41','blue-r33c42','blue-r33c43','blue-r33c45','blue-r33c46','blue-r33c47','blue-r33c49','blue-r33c50','blue-r33c51','blue-r33c52','blue-r33c53','blue-r33c55','blue-r33c56','blue-r33c57','blue-r34c1','blue-r34c2','blue-r34c4','blue-r34c5','blue-r34c6','blue-r34c8','blue-r34c9','blue-r34c10','blue-r34c11','blue-r34c12','blue-r34c13','blue-r34c14','blue-r34c16','blue-r34c17','blue-r34c18','blue-r34c20','blue-r34c21','blue-r34c22','blue-r34c24','blue-r34c25','blue-r34c26','blue-r34c28','blue-r34c29','blue-r34c30','blue-r34c31','blue-r34c32','blue-r34c33','blue-r34c34','blue-r34c36','blue-r34c37','blue-r34c38','blue-r34c40','blue-r34c41','blue-r34c42','blue-r34c44','blue-r34c45','blue-r34c46','blue-r34c48','blue-r34c49','blue-r34c50','blue-r34c51','blue-r34c52','blue-r34c53','blue-r34c54','blue-r34c56','blue-r34c57','yellow-r35c1','blue-r35c3','blue-r35c4','blue-r35c5','blue-r35c7','blue-r35c8','blue-r35c9','blue-r35c13','blue-r35c14','blue-r35c15','blue-r35c17','blue-r35c18','blue-r35c19','yellow-r35c21','blue-r35c23','blue-r35c24','blue-r35c25','blue-r35c27','blue-r35c28','blue-r35c29','blue-r35c33','blue-r35c34','blue-r35c35','blue-r35c37','blue-r35c38','blue-r35c39','yellow-r35c41','blue-r35c43','blue-r35c44','blue-r35c45','blue-r35c47','blue-r35c48','blue-r35c49','blue-r35c53','blue-r35c54','blue-r35c55','blue-r35c57','red-r36c1','yellow-r36c2','blue-r36c3','blue-r36c4','blue-r36c6','blue-r36c7','blue-r36c8','blue-r36c9','red-r36c11','blue-r36c13','blue-r36c14','blue-r36c15','blue-r36c16','blue-r36c18','blue-r36c19','yellow-r36c20','red-r36c21','yellow-r36c22','blue-r36c23','blue-r36c24','blue-r36c26','blue-r36c27','blue-r36c28','blue-r36c29','red-r36c31','blue-r36c33','blue-r36c34','blue-r36c35','blue-r36c36','blue-r36c38','blue-r36c39','yellow-r36c40','red-r36c41','yellow-r36c42','blue-r36c43','blue-r36c44','blue-r36c46','blue-r36c47','blue-r36c48','blue-r36c49','red-r36c51','blue-r36c53','blue-r36c54','blue-r36c55','blue-r36c56','yellow-r37c1','blue-r37c3','blue-r37c4','blue-r37c5','blue-r37c7','blue-r37c8','blue-r37c9','blue-r37c13','blue-r37c14','blue-r37c15','blue-r37c17','blue-r37c18','blue-r37c19','yellow-r37c21','blue-r37c23','blue-r37c24','blue-r37c25','blue-r37c27','blue-r37c28','blue-r37c29','blue-r37c33','blue-r37c34','blue-r37c35','blue-r37c37','blue-r37c38','blue-r37c39','yellow-r37c41','blue-r37c43','blue-r37c44','blue-r37c45','blue-r37c47','blue-r37c48','blue-r37c49','blue-r37c53','blue-r37c54','blue-r37c55','blue-r37c57','blue-r38c1','blue-r38c2','blue-r38c4','blue-r38c5','blue-r38c6','blue-r38c8','blue-r38c9','blue-r38c10','blue-r38c11','blue-r38c12','blue-r38c13','blue-r38c14','blue-r38c16','blue-r38c17','blue-r38c18','blue-r38c20','blue-r38c21','blue-r38c22','blue-r38c24','blue-r38c25','blue-r38c26','blue-r38c28','blue-r38c29','blue-r38c30','blue-r38c31','blue-r38c32','blue-r38c33','blue-r38c34','blue-r38c36','blue-r38c37','blue-r38c38','blue-r38c40','blue-r38c41','blue-r38c42','blue-r38c44','blue-r38c45','blue-r38c46','blue-r38c48','blue-r38c49','blue-r38c50','blue-r38c51','blue-r38c52','blue-r38c53','blue-r38c54','blue-r38c56','blue-r38c57','blue-r39c1','blue-r39c2','blue-r39c3','blue-r39c5','blue-r39c6','blue-r39c7','blue-r39c9','blue-r39c10','blue-r39c11','blue-r39c12','blue-r39c13','blue-r39c15','blue-r39c16','blue-r39c17','blue-r39c19','blue-r39c20','blue-r39c21','blue-r39c22','blue-r39c23','blue-r39c25','blue-r39c26','blue-r39c27','blue-r39c29','blue-r39c30','blue-r39c31','blue-r39c32','blue-r39c33','blue-r39c35','blue-r39c36','blue-r39c37','blue-r39c39','blue-r39c40','blue-r39c41','blue-r39c42','blue-r39c43','blue-r39c45','blue-r39c46','blue-r39c47','blue-r39c49','blue-r39c50','blue-r39c51','blue-r39c52','blue-r39c53','blue-r39c55','blue-r39c56','blue-r39c57','blue-r40c2','blue-r40c3','blue-r40c4','blue-r40c6','blue-r40c7','blue-r40c8','blue-r40c10','blue-r40c11','blue-r40c12','blue-r40c14','blue-r40c15','blue-r40c16','blue-r40c18','blue-r40c19','blue-r40c20','blue-r40c22','blue-r40c23','blue-r40c24','blue-r40c26','blue-r40c27','blue-r40c28','blue-r40c30','blue-r40c31','blue-r40c32','blue-r40c34','blue-r40c35','blue-r40c36','blue-r40c38','blue-r40c39','blue-r40c40','blue-r40c42','blue-r40c43','blue-r40c44','blue-r40c46','blue-r40c47','blue-r40c48','blue-r40c50','blue-r40c51','blue-r40c52','blue-r40c54','blue-r40c55','blue-r40c56','blue-r41c1','blue-r41c3','blue-r41c4','blue-r41c5','blue-r41c7','blue-r41c8','blue-r41c9','blue-r41c11','blue-r41c13','blue-r41c14','blue-r41c15','blue-r41c17','blue-r41c18','blue-r41c19','blue-r41c21','blue-r41c23','blue-r41c24','blue-r41c25','blue-r41c27','blue-r41c28','blue-r41c29','blue-r41c31','blue-r41c33','blue-r41c34','blue-r41c35','blue-r41c37','blue-r41c38','blue-r41c39','blue-r41c41','blue-r41c43','blue-r41c44','blue-r41c45','blue-r41c47','blue-r41c48','blue-r41c49','blue-r41c51','blue-r41c53','blue-r41c54','blue-r41c55','blue-r41c57','blue-r42c1','blue-r42c2','blue-r42c4','blue-r42c5','blue-r42c6','blue-r42c8','blue-r42c9','blue-r42c10','blue-r42c12','blue-r42c13','blue-r42c14','blue-r42c16','blue-r42c17','blue-r42c18','blue-r42c20','blue-r42c21','blue-r42c22','blue-r42c24','blue-r42c25','blue-r42c26','blue-r42c28','blue-r42c29','blue-r42c30','blue-r42c32','blue-r42c33','blue-r42c34','blue-r42c36','blue-r42c37','blue-r42c38','blue-r42c40','blue-r42c41','blue-r42c42','blue-r42c44','blue-r42c45','blue-r42c46','blue-r42c48','blue-r42c49','blue-r42c50','blue-r42c52','blue-r42c53','blue-r42c54','blue-r42c56','blue-r42c57']
- @tiles3 = ['blue-r43c1','blue-r43c2','blue-r43c3','blue-r43c5','blue-r43c6','blue-r43c7','blue-r43c9','blue-r43c10','blue-r43c11','blue-r43c12','blue-r43c13','blue-r43c15','blue-r43c16','blue-r43c17','blue-r43c19','blue-r43c20','blue-r43c21','blue-r43c22','blue-r43c23','blue-r43c25','blue-r43c26','blue-r43c27','blue-r43c29','blue-r43c30','blue-r43c31','blue-r43c32','blue-r43c33','blue-r43c35','blue-r43c36','blue-r43c37','blue-r43c39','blue-r43c40','blue-r43c41','blue-r43c42','blue-r43c43','blue-r43c45','blue-r43c46','blue-r43c47','blue-r43c49','blue-r43c50','blue-r43c51','blue-r43c52','blue-r43c53','blue-r43c55','blue-r43c56','blue-r43c57','blue-r44c1','blue-r44c2','blue-r44c3','blue-r44c4','blue-r44c6','blue-r44c7','blue-r44c8','blue-r44c10','blue-r44c11','blue-r44c12','blue-r44c14','blue-r44c15','blue-r44c16','blue-r44c18','blue-r44c19','blue-r44c20','blue-r44c21','blue-r44c22','blue-r44c23','blue-r44c24','blue-r44c26','blue-r44c27','blue-r44c28','blue-r44c30','blue-r44c31','blue-r44c32','blue-r44c34','blue-r44c35','blue-r44c36','blue-r44c38','blue-r44c39','blue-r44c40','blue-r44c41','blue-r44c42','blue-r44c43','blue-r44c44','blue-r44c46','blue-r44c47','blue-r44c48','blue-r44c50','blue-r44c51','blue-r44c52','blue-r44c54','blue-r44c55','blue-r44c56','blue-r45c3','blue-r45c4','blue-r45c5','blue-r45c7','blue-r45c8','blue-r45c9','yellow-r45c11','blue-r45c13','blue-r45c14','blue-r45c15','blue-r45c17','blue-r45c18','blue-r45c19','blue-r45c23','blue-r45c24','blue-r45c25','blue-r45c27','blue-r45c28','blue-r45c29','yellow-r45c31','blue-r45c33','blue-r45c34','blue-r45c35','blue-r45c37','blue-r45c38','blue-r45c39','blue-r45c43','blue-r45c44','blue-r45c45','blue-r45c47','blue-r45c48','blue-r45c49','yellow-r45c51','blue-r45c53','blue-r45c54','blue-r45c55','blue-r45c57','red-r46c1','blue-r46c3','blue-r46c4','blue-r46c5','blue-r46c6','blue-r46c8','blue-r46c9','yellow-r46c10','red-r46c11','yellow-r46c12','blue-r46c13','blue-r46c14','blue-r46c16','blue-r46c17','blue-r46c18','blue-r46c19','red-r46c21','blue-r46c23','blue-r46c24','blue-r46c25','blue-r46c26','blue-r46c28','blue-r46c29','yellow-r46c30','red-r46c31','yellow-r46c32','blue-r46c33','blue-r46c34','blue-r46c36','blue-r46c37','blue-r46c38','blue-r46c39','red-r46c41','blue-r46c43','blue-r46c44','blue-r46c45','blue-r46c46','blue-r46c48','blue-r46c49','yellow-r46c50','red-r46c51','yellow-r46c52','blue-r46c53','blue-r46c54','blue-r46c56','blue-r46c57','blue-r47c3','blue-r47c4','blue-r47c5','blue-r47c7','blue-r47c8','blue-r47c9','yellow-r47c11','blue-r47c13','blue-r47c14','blue-r47c15','blue-r47c17','blue-r47c18','blue-r47c19','blue-r47c23','blue-r47c24','blue-r47c25','blue-r47c27','blue-r47c28','blue-r47c29','yellow-r47c31','blue-r47c33','blue-r47c34','blue-r47c35','blue-r47c37','blue-r47c38','blue-r47c39','blue-r47c43','blue-r47c44','blue-r47c45','blue-r47c47','blue-r47c48','blue-r47c49','yellow-r47c51','blue-r47c53','blue-r47c54','blue-r47c55','blue-r47c57','blue-r48c1','blue-r48c2','blue-r48c3','blue-r48c4','blue-r48c6','blue-r48c7','blue-r48c8','blue-r48c10','blue-r48c11','blue-r48c12','blue-r48c14','blue-r48c15','blue-r48c16','blue-r48c18','blue-r48c19','blue-r48c20','blue-r48c21','blue-r48c22','blue-r48c23','blue-r48c24','blue-r48c26','blue-r48c27','blue-r48c28','blue-r48c30','blue-r48c31','blue-r48c32','blue-r48c34','blue-r48c35','blue-r48c36','blue-r48c38','blue-r48c39','blue-r48c40','blue-r48c41','blue-r48c42','blue-r48c43','blue-r48c44','blue-r48c46','blue-r48c47','blue-r48c48','blue-r48c50','blue-r48c51','blue-r48c52','blue-r48c54','blue-r48c55','blue-r48c56','blue-r49c1','blue-r49c2','blue-r49c3','blue-r49c5','blue-r49c6','blue-r49c7','blue-r49c9','blue-r49c10','blue-r49c11','blue-r49c12','blue-r49c13','blue-r49c15','blue-r49c16','blue-r49c17','blue-r49c19','blue-r49c20','blue-r49c21','blue-r49c22','blue-r49c23','blue-r49c25','blue-r49c26','blue-r49c27','blue-r49c29','blue-r49c30','blue-r49c31','blue-r49c32','blue-r49c33','blue-r49c35','blue-r49c36','blue-r49c37','blue-r49c39','blue-r49c40','blue-r49c41','blue-r49c42','blue-r49c43','blue-r49c45','blue-r49c46','blue-r49c47','blue-r49c49','blue-r49c50','blue-r49c51','blue-r49c52','blue-r49c53','blue-r49c55','blue-r49c56','blue-r49c57','blue-r50c1','blue-r50c2','blue-r50c4','blue-r50c5','blue-r50c6','blue-r50c8','blue-r50c9','blue-r50c10','blue-r50c12','blue-r50c13','blue-r50c14','blue-r50c16','blue-r50c17','blue-r50c18','blue-r50c20','blue-r50c21','blue-r50c22','blue-r50c24','blue-r50c25','blue-r50c26','blue-r50c28','blue-r50c29','blue-r50c30','blue-r50c32','blue-r50c33','blue-r50c34','blue-r50c36','blue-r50c37','blue-r50c38','blue-r50c40','blue-r50c41','blue-r50c42','blue-r50c44','blue-r50c45','blue-r50c46','blue-r50c48','blue-r50c49','blue-r50c50','blue-r50c52','blue-r50c53','blue-r50c54','blue-r50c56','blue-r50c57','blue-r51c1','blue-r51c3','blue-r51c4','blue-r51c5','blue-r51c7','blue-r51c8','blue-r51c9','blue-r51c11','blue-r51c13','blue-r51c14','blue-r51c15','blue-r51c17','blue-r51c18','blue-r51c19','blue-r51c21','blue-r51c23','blue-r51c24','blue-r51c25','blue-r51c27','blue-r51c28','blue-r51c29','blue-r51c31','blue-r51c33','blue-r51c34','blue-r51c35','blue-r51c37','blue-r51c38','blue-r51c39','blue-r51c41','blue-r51c43','blue-r51c44','blue-r51c45','blue-r51c47','blue-r51c48','blue-r51c49','blue-r51c51','blue-r51c53','blue-r51c54','blue-r51c55','blue-r51c57','blue-r52c2','blue-r52c3','blue-r52c4','blue-r52c6','blue-r52c7','blue-r52c8','blue-r52c10','blue-r52c11','blue-r52c12','blue-r52c14','blue-r52c15','blue-r52c16','blue-r52c18','blue-r52c19','blue-r52c20','blue-r52c22','blue-r52c23','blue-r52c24','blue-r52c26','blue-r52c27','blue-r52c28','blue-r52c30','blue-r52c31','blue-r52c32','blue-r52c34','blue-r52c35','blue-r52c36','blue-r52c38','blue-r52c39','blue-r52c40','blue-r52c42','blue-r52c43','blue-r52c44','blue-r52c46','blue-r52c47','blue-r52c48','blue-r52c50','blue-r52c51','blue-r52c52','blue-r52c54','blue-r52c55','blue-r52c56','blue-r53c1','blue-r53c2','blue-r53c3','blue-r53c5','blue-r53c6','blue-r53c7','blue-r53c9','blue-r53c10','blue-r53c11','blue-r53c12','blue-r53c13','blue-r53c15','blue-r53c16','blue-r53c17','blue-r53c19','blue-r53c20','blue-r53c21','blue-r53c22','blue-r53c23','blue-r53c25','blue-r53c26','blue-r53c27','blue-r53c29','blue-r53c30','blue-r53c31','blue-r53c32','blue-r53c33','blue-r53c35','blue-r53c36','blue-r53c37','blue-r53c39','blue-r53c40','blue-r53c41','blue-r53c42','blue-r53c43','blue-r53c45','blue-r53c46','blue-r53c47','blue-r53c49','blue-r53c50','blue-r53c51','blue-r53c52','blue-r53c53','blue-r53c55','blue-r53c56','blue-r53c57','blue-r54c1','blue-r54c2','blue-r54c4','blue-r54c5','blue-r54c6','blue-r54c8','blue-r54c9','blue-r54c10','blue-r54c11','blue-r54c12','blue-r54c13','blue-r54c14','blue-r54c16','blue-r54c17','blue-r54c18','blue-r54c20','blue-r54c21','blue-r54c22','blue-r54c24','blue-r54c25','blue-r54c26','blue-r54c28','blue-r54c29','blue-r54c30','blue-r54c31','blue-r54c32','blue-r54c33','blue-r54c34','blue-r54c36','blue-r54c37','blue-r54c38','blue-r54c40','blue-r54c41','blue-r54c42','blue-r54c44','blue-r54c45','blue-r54c46','blue-r54c48','blue-r54c49','blue-r54c50','blue-r54c51','blue-r54c52','blue-r54c53','blue-r54c54','blue-r54c56','blue-r54c57','yellow-r55c1','blue-r55c3','blue-r55c4','blue-r55c5','blue-r55c7','blue-r55c8','blue-r55c9','blue-r55c13','blue-r55c14','blue-r55c15','blue-r55c17','blue-r55c18','blue-r55c19','yellow-r55c21','blue-r55c23','blue-r55c24','blue-r55c25','blue-r55c27','blue-r55c28','blue-r55c29','blue-r55c33','blue-r55c34','blue-r55c35','blue-r55c37','blue-r55c38','blue-r55c39','yellow-r55c41','blue-r55c43','blue-r55c44','blue-r55c45','blue-r55c47','blue-r55c48','blue-r55c49','blue-r55c53','blue-r55c54','blue-r55c55','blue-r55c57','red-r56c1','yellow-r56c2','blue-r56c3','blue-r56c4','blue-r56c6','blue-r56c7','blue-r56c8','blue-r56c9','red-r56c11','blue-r56c13','blue-r56c14','blue-r56c15','blue-r56c16','blue-r56c18','blue-r56c19','yellow-r56c20','red-r56c21','yellow-r56c22','blue-r56c23','blue-r56c24','blue-r56c26','blue-r56c27','blue-r56c28','blue-r56c29','red-r56c31','blue-r56c33','blue-r56c34','blue-r56c35','blue-r56c36','blue-r56c38','blue-r56c39','yellow-r56c40','red-r56c41','yellow-r56c42','blue-r56c43','blue-r56c44','blue-r56c46','blue-r56c47','blue-r56c48','blue-r56c49','red-r56c51','blue-r56c53','blue-r56c54','blue-r56c55','blue-r56c56']
- @tiles4 = ['yellow-r57c1','blue-r57c3','blue-r57c4','blue-r57c5','blue-r57c7','blue-r57c8','blue-r57c9','blue-r57c13','blue-r57c14','blue-r57c15','blue-r57c17','blue-r57c18','blue-r57c19','yellow-r57c21','blue-r57c23','blue-r57c24','blue-r57c25','blue-r57c27','blue-r57c28','blue-r57c29','blue-r57c33','blue-r57c34','blue-r57c35','blue-r57c37','blue-r57c38','blue-r57c39','yellow-r57c41','blue-r57c43','blue-r57c44','blue-r57c45','blue-r57c47','blue-r57c48','blue-r57c49','blue-r57c53','blue-r57c54','blue-r57c55','blue-r57c57']
.area
  .tiles.tiles-0
    - @tiles0.each do |tile|
      .tile{:style=>"grid-area: #{tile}", :class=>"tile-#{tile[0]}"}
  .tiles.tiles-1
    - @tiles1.each do |tile|
      .tile{:style=>"grid-area: #{tile}", :class=>"tile-#{tile[0]}"}
  .tiles.tiles-2
    - @tiles2.each do |tile|
      .tile{:style=>"grid-area: #{tile}", :class=>"tile-#{tile[0]}"}
  .tiles.tiles-3
    - @tiles3.each do |tile|
      .tile{:style=>"grid-area: #{tile}", :class=>"tile-#{tile[0]}"}
  .tiles.tiles-4
    - @tiles4.each do |tile|
      .tile{:style=>"grid-area: #{tile}", :class=>"tile-#{tile[0]}"}
            
          
!
            
              $height: ((100 / 57) * 1vmin); // get perfect height for each row

body {
  background: #eeeef3;
}

.area {
  max-width: 100vmin;
  margin: 0 auto;
}

.tiles {
  display: grid;
  grid-template-columns: repeat(57, [col] 1fr);
  grid-template-rows: repeat(14, [row] $height);
}

.tile {
  background: #555;
  outline: 1px solid rgba(255, 255, 255, 0.15); // i am grout!
}

.tile-b {
  background: #ccd0d9;
}
.tile-r {
  background: #9f7e9c;
}
.tile-y {
  background: #e4dad0;
}
.tile-d {
  background: #a1b9c6;
}

.tiles-4 {
  grid-template-rows: repeat(1, [row] $height);
}

.tiles-0 {
grid-template-areas:
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."
"darkblue-r2c1 darkblue-r2c2 darkblue-r2c3 darkblue-r2c4 darkblue-r2c5 darkblue-r2c6 darkblue-r2c7 darkblue-r2c8 darkblue-r2c9 darkblue-r2c10 darkblue-r2c11 darkblue-r2c12 darkblue-r2c13 darkblue-r2c14 darkblue-r2c15 darkblue-r2c16 darkblue-r2c17 darkblue-r2c18 darkblue-r2c19 darkblue-r2c20 darkblue-r2c21 darkblue-r2c22 darkblue-r2c23 darkblue-r2c24 darkblue-r2c25 darkblue-r2c26 darkblue-r2c27 darkblue-r2c28 darkblue-r2c29 darkblue-r2c30 darkblue-r2c31 darkblue-r2c32 darkblue-r2c33 darkblue-r2c34 darkblue-r2c35 darkblue-r2c36 darkblue-r2c37 darkblue-r2c38 darkblue-r2c39 darkblue-r2c40 darkblue-r2c41 darkblue-r2c42 darkblue-r2c43 darkblue-r2c44 darkblue-r2c45 darkblue-r2c46 darkblue-r2c47 darkblue-r2c48 darkblue-r2c49 darkblue-r2c50 darkblue-r2c51 darkblue-r2c52 darkblue-r2c53 darkblue-r2c54 darkblue-r2c55 darkblue-r2c56 darkblue-r2c57"
". . darkblue-r3c3 . . . darkblue-r3c7 . . . darkblue-r3c11 . . . darkblue-r3c15 . . . darkblue-r3c19 . . . darkblue-r3c23 . . . darkblue-r3c27 . . . darkblue-r3c31 . . . darkblue-r3c35 . . . darkblue-r3c39 . . . darkblue-r3c43 . . . darkblue-r3c47 . . . darkblue-r3c51 . . . darkblue-r3c55 . ."
"darkblue-r4c1 . . . darkblue-r4c5 . . . darkblue-r4c9 . . . darkblue-r4c13 . . . darkblue-r4c17 . . . darkblue-r4c21 . . . darkblue-r4c25 . . . darkblue-r4c29 . . . darkblue-r4c33 . . . darkblue-r4c37 . . . darkblue-r4c41 . . . darkblue-r4c45 . . . darkblue-r4c49 . . . darkblue-r4c53 . . . darkblue-r4c57"
"darkblue-r5c1 darkblue-r5c2 darkblue-r5c3 darkblue-r5c4 darkblue-r5c5 darkblue-r5c6 darkblue-r5c7 darkblue-r5c8 darkblue-r5c9 darkblue-r5c10 darkblue-r5c11 darkblue-r5c12 darkblue-r5c13 darkblue-r5c14 darkblue-r5c15 darkblue-r5c16 darkblue-r5c17 darkblue-r5c18 darkblue-r5c19 darkblue-r5c20 darkblue-r5c21 darkblue-r5c22 darkblue-r5c23 darkblue-r5c24 darkblue-r5c25 darkblue-r5c26 darkblue-r5c27 darkblue-r5c28 darkblue-r5c29 darkblue-r5c30 darkblue-r5c31 darkblue-r5c32 darkblue-r5c33 darkblue-r5c34 darkblue-r5c35 darkblue-r5c36 darkblue-r5c37 darkblue-r5c38 darkblue-r5c39 darkblue-r5c40 darkblue-r5c41 darkblue-r5c42 darkblue-r5c43 darkblue-r5c44 darkblue-r5c45 darkblue-r5c46 darkblue-r5c47 darkblue-r5c48 darkblue-r5c49 darkblue-r5c50 darkblue-r5c51 darkblue-r5c52 darkblue-r5c53 darkblue-r5c54 darkblue-r5c55 darkblue-r5c56 darkblue-r5c57"
"red-r6c1 . blue-r6c3 blue-r6c4 blue-r6c5 blue-r6c6 . blue-r6c8 blue-r6c9 yellow-r6c10 red-r6c11 yellow-r6c12 blue-r6c13 blue-r6c14 . blue-r6c16 blue-r6c17 blue-r6c18 blue-r6c19 . red-r6c21 . blue-r6c23 blue-r6c24 blue-r6c25 blue-r6c26 . blue-r6c28 blue-r6c29 yellow-r6c30 red-r6c31 yellow-r6c32 blue-r6c33 blue-r6c34 . blue-r6c36 blue-r6c37 blue-r6c38 blue-r6c39 . red-r6c41 . blue-r6c43 blue-r6c44 blue-r6c45 blue-r6c46 . blue-r6c48 blue-r6c49 yellow-r6c50 red-r6c51 yellow-r6c52 blue-r6c53 blue-r6c54 . blue-r6c56 blue-r6c57"
". . blue-r7c3 blue-r7c4 blue-r7c5 . blue-r7c7 blue-r7c8 blue-r7c9 . yellow-r7c11 . blue-r7c13 blue-r7c14 blue-r7c15 . blue-r7c17 blue-r7c18 blue-r7c19 . . . blue-r7c23 blue-r7c24 blue-r7c25 . blue-r7c27 blue-r7c28 blue-r7c29 . yellow-r7c31 . blue-r7c33 blue-r7c34 blue-r7c35 . blue-r7c37 blue-r7c38 blue-r7c39 . . . blue-r7c43 blue-r7c44 blue-r7c45 . blue-r7c47 blue-r7c48 blue-r7c49 . yellow-r7c51 . blue-r7c53 blue-r7c54 blue-r7c55 . blue-r7c57"
"blue-r8c1 blue-r8c2 blue-r8c3 blue-r8c4 . blue-r8c6 blue-r8c7 blue-r8c8 . blue-r8c10 blue-r8c11 blue-r8c12 . blue-r8c14 blue-r8c15 blue-r8c16 . blue-r8c18 blue-r8c19 blue-r8c20 blue-r8c21 blue-r8c22 blue-r8c23 blue-r8c24 . blue-r8c26 blue-r8c27 blue-r8c28 . blue-r8c30 blue-r8c31 blue-r8c32 . blue-r8c34 blue-r8c35 blue-r8c36 . blue-r8c38 blue-r8c39 blue-r8c40 blue-r8c41 blue-r8c42 blue-r8c43 blue-r8c44 . blue-r8c46 blue-r8c47 blue-r8c48 . blue-r8c50 blue-r8c51 blue-r8c52 . blue-r8c54 blue-r8c55 blue-r8c56 ."
"blue-r9c1 blue-r9c2 blue-r9c3 . blue-r9c5 blue-r9c6 blue-r9c7 . blue-r9c9 blue-r9c10 blue-r9c11 blue-r9c12 blue-r9c13 . blue-r9c15 blue-r9c16 blue-r9c17 . blue-r9c19 blue-r9c20 blue-r9c21 blue-r9c22 blue-r9c23 . blue-r9c25 blue-r9c26 blue-r9c27 . blue-r9c29 blue-r9c30 blue-r9c31 blue-r9c32 blue-r9c33 . blue-r9c35 blue-r9c36 blue-r9c37 . blue-r9c39 blue-r9c40 blue-r9c41 blue-r9c42 blue-r9c43 . blue-r9c45 blue-r9c46 blue-r9c47 . blue-r9c49 blue-r9c50 blue-r9c51 blue-r9c52 blue-r9c53 . blue-r9c55 blue-r9c56 blue-r9c57"
"blue-r10c1 blue-r10c2 . blue-r10c4 blue-r10c5 blue-r10c6 . blue-r10c8 blue-r10c9 blue-r10c10 . blue-r10c12 blue-r10c13 blue-r10c14 . blue-r10c16 blue-r10c17 blue-r10c18 . blue-r10c20 blue-r10c21 blue-r10c22 . blue-r10c24 blue-r10c25 blue-r10c26 . blue-r10c28 blue-r10c29 blue-r10c30 . blue-r10c32 blue-r10c33 blue-r10c34 . blue-r10c36 blue-r10c37 blue-r10c38 . blue-r10c40 blue-r10c41 blue-r10c42 . blue-r10c44 blue-r10c45 blue-r10c46 . blue-r10c48 blue-r10c49 blue-r10c50 . blue-r10c52 blue-r10c53 blue-r10c54 . blue-r10c56 blue-r10c57"
"blue-r11c1 . blue-r11c3 blue-r11c4 blue-r11c5 . blue-r11c7 blue-r11c8 blue-r11c9 . blue-r11c11 . blue-r11c13 blue-r11c14 blue-r11c15 . blue-r11c17 blue-r11c18 blue-r11c19 . blue-r11c21 . blue-r11c23 blue-r11c24 blue-r11c25 . blue-r11c27 blue-r11c28 blue-r11c29 . blue-r11c31 . blue-r11c33 blue-r11c34 blue-r11c35 . blue-r11c37 blue-r11c38 blue-r11c39 . blue-r11c41 . blue-r11c43 blue-r11c44 blue-r11c45 . blue-r11c47 blue-r11c48 blue-r11c49 . blue-r11c51 . blue-r11c53 blue-r11c54 blue-r11c55 . blue-r11c57"
". blue-r12c2 blue-r12c3 blue-r12c4 . blue-r12c6 blue-r12c7 blue-r12c8 . blue-r12c10 blue-r12c11 blue-r12c12 . blue-r12c14 blue-r12c15 blue-r12c16 . blue-r12c18 blue-r12c19 blue-r12c20 . blue-r12c22 blue-r12c23 blue-r12c24 . blue-r12c26 blue-r12c27 blue-r12c28 . blue-r12c30 blue-r12c31 blue-r12c32 . blue-r12c34 blue-r12c35 blue-r12c36 . blue-r12c38 blue-r12c39 blue-r12c40 . blue-r12c42 blue-r12c43 blue-r12c44 . blue-r12c46 blue-r12c47 blue-r12c48 . blue-r12c50 blue-r12c51 blue-r12c52 . blue-r12c54 blue-r12c55 blue-r12c56 ."
"blue-r13c1 blue-r13c2 blue-r13c3 . blue-r13c5 blue-r13c6 blue-r13c7 . blue-r13c9 blue-r13c10 blue-r13c11 blue-r13c12 blue-r13c13 . blue-r13c15 blue-r13c16 blue-r13c17 . blue-r13c19 blue-r13c20 blue-r13c21 blue-r13c22 blue-r13c23 . blue-r13c25 blue-r13c26 blue-r13c27 . blue-r13c29 blue-r13c30 blue-r13c31 blue-r13c32 blue-r13c33 . blue-r13c35 blue-r13c36 blue-r13c37 . blue-r13c39 blue-r13c40 blue-r13c41 blue-r13c42 blue-r13c43 . blue-r13c45 blue-r13c46 blue-r13c47 . blue-r13c49 blue-r13c50 blue-r13c51 blue-r13c52 blue-r13c53 . blue-r13c55 blue-r13c56 blue-r13c57"
"blue-r14c1 blue-r14c2 . blue-r14c4 blue-r14c5 blue-r14c6 . blue-r14c8 blue-r14c9 blue-r14c10 blue-r14c11 blue-r14c12 blue-r14c13 blue-r14c14 . blue-r14c16 blue-r14c17 blue-r14c18 . blue-r14c20 blue-r14c21 blue-r14c22 . blue-r14c24 blue-r14c25 blue-r14c26 . blue-r14c28 blue-r14c29 blue-r14c30 blue-r14c31 blue-r14c32 blue-r14c33 blue-r14c34 . blue-r14c36 blue-r14c37 blue-r14c38 . blue-r14c40 blue-r14c41 blue-r14c42 . blue-r14c44 blue-r14c45 blue-r14c46 . blue-r14c48 blue-r14c49 blue-r14c50 blue-r14c51 blue-r14c52 blue-r14c53 blue-r14c54 . blue-r14c56 blue-r14c57"

}

.tiles-1 {
grid-template-areas:
"yellow-r15c1 . blue-r15c3 blue-r15c4 blue-r15c5 . blue-r15c7 blue-r15c8 blue-r15c9 . . . blue-r15c13 blue-r15c14 blue-r15c15 . blue-r15c17 blue-r15c18 blue-r15c19 . yellow-r15c21 . blue-r15c23 blue-r15c24 blue-r15c25 . blue-r15c27 blue-r15c28 blue-r15c29 . . . blue-r15c33 blue-r15c34 blue-r15c35 . blue-r15c37 blue-r15c38 blue-r15c39 . yellow-r15c41 . blue-r15c43 blue-r15c44 blue-r15c45 . blue-r15c47 blue-r15c48 blue-r15c49 . . . blue-r15c53 blue-r15c54 blue-r15c55 . blue-r15c57"
"red-r16c1 yellow-r16c2 blue-r16c3 blue-r16c4 . blue-r16c6 blue-r16c7 blue-r16c8 blue-r16c9 . red-r16c11 . blue-r16c13 blue-r16c14 blue-r16c15 blue-r16c16 . blue-r16c18 blue-r16c19 yellow-r16c20 red-r16c21 yellow-r16c22 blue-r16c23 blue-r16c24 . blue-r16c26 blue-r16c27 blue-r16c28 blue-r16c29 . red-r16c31 . blue-r16c33 blue-r16c34 blue-r16c35 blue-r16c36 . blue-r16c38 blue-r16c39 yellow-r16c40 red-r16c41 yellow-r16c42 blue-r16c43 blue-r16c44 . blue-r16c46 blue-r16c47 blue-r16c48 blue-r16c49 . red-r16c51 . blue-r16c53 blue-r16c54 blue-r16c55 blue-r16c56 ."
"yellow-r17c1 . blue-r17c3 blue-r17c4 blue-r17c5 . blue-r17c7 blue-r17c8 blue-r17c9 . . . blue-r17c13 blue-r17c14 blue-r17c15 . blue-r17c17 blue-r17c18 blue-r17c19 . yellow-r17c21 . blue-r17c23 blue-r17c24 blue-r17c25 . blue-r17c27 blue-r17c28 blue-r17c29 . . . blue-r17c33 blue-r17c34 blue-r17c35 . blue-r17c37 blue-r17c38 blue-r17c39 . yellow-r17c41 . blue-r17c43 blue-r17c44 blue-r17c45 . blue-r17c47 blue-r17c48 blue-r17c49 . . . blue-r17c53 blue-r17c54 blue-r17c55 . blue-r17c57"
"blue-r18c1 blue-r18c2 . blue-r18c4 blue-r18c5 blue-r18c6 . blue-r18c8 blue-r18c9 blue-r18c10 blue-r18c11 blue-r18c12 blue-r18c13 blue-r18c14 . blue-r18c16 blue-r18c17 blue-r18c18 . blue-r18c20 blue-r18c21 blue-r18c22 . blue-r18c24 blue-r18c25 blue-r18c26 . blue-r18c28 blue-r18c29 blue-r18c30 blue-r18c31 blue-r18c32 blue-r18c33 blue-r18c34 . blue-r18c36 blue-r18c37 blue-r18c38 . blue-r18c40 blue-r18c41 blue-r18c42 . blue-r18c44 blue-r18c45 blue-r18c46 . blue-r18c48 blue-r18c49 blue-r18c50 blue-r18c51 blue-r18c52 blue-r18c53 blue-r18c54 . blue-r18c56 blue-r18c57"
"blue-r19c1 blue-r19c2 blue-r19c3 . blue-r19c5 blue-r19c6 blue-r19c7 . blue-r19c9 blue-r19c10 blue-r19c11 blue-r19c12 blue-r19c13 . blue-r19c15 blue-r19c16 blue-r19c17 . blue-r19c19 blue-r19c20 blue-r19c21 blue-r19c22 blue-r19c23 . blue-r19c25 blue-r19c26 blue-r19c27 . blue-r19c29 blue-r19c30 blue-r19c31 blue-r19c32 blue-r19c33 . blue-r19c35 blue-r19c36 blue-r19c37 . blue-r19c39 blue-r19c40 blue-r19c41 blue-r19c42 blue-r19c43 . blue-r19c45 blue-r19c46 blue-r19c47 . blue-r19c49 blue-r19c50 blue-r19c51 blue-r19c52 blue-r19c53 . blue-r19c55 blue-r19c56 blue-r19c57"
". blue-r20c2 blue-r20c3 blue-r20c4 . blue-r20c6 blue-r20c7 blue-r20c8 . blue-r20c10 blue-r20c11 blue-r20c12 . blue-r20c14 blue-r20c15 blue-r20c16 . blue-r20c18 blue-r20c19 blue-r20c20 . blue-r20c22 blue-r20c23 blue-r20c24 . blue-r20c26 blue-r20c27 blue-r20c28 . blue-r20c30 blue-r20c31 blue-r20c32 . blue-r20c34 blue-r20c35 blue-r20c36 . blue-r20c38 blue-r20c39 blue-r20c40 . blue-r20c42 blue-r20c43 blue-r20c44 . blue-r20c46 blue-r20c47 blue-r20c48 . blue-r20c50 blue-r20c51 blue-r20c52 . blue-r20c54 blue-r20c55 blue-r20c56 ."
"blue-r21c1 . blue-r21c3 blue-r21c4 blue-r21c5 . blue-r21c7 blue-r21c8 blue-r21c9 . blue-r21c11 . blue-r21c13 blue-r21c14 blue-r21c15 . blue-r21c17 blue-r21c18 blue-r21c19 . blue-r21c21 . blue-r21c23 blue-r21c24 blue-r21c25 . blue-r21c27 blue-r21c28 blue-r21c29 . blue-r21c31 . blue-r21c33 blue-r21c34 blue-r21c35 . blue-r21c37 blue-r21c38 blue-r21c39 . blue-r21c41 . blue-r21c43 blue-r21c44 blue-r21c45 . blue-r21c47 blue-r21c48 blue-r21c49 . blue-r21c51 . blue-r21c53 blue-r21c54 blue-r21c55 . blue-r21c57"
"blue-r22c1 blue-r22c2 . blue-r22c4 blue-r22c5 blue-r22c6 . blue-r22c8 blue-r22c9 blue-r22c10 . blue-r22c12 blue-r22c13 blue-r22c14 . blue-r22c16 blue-r22c17 blue-r22c18 . blue-r22c20 blue-r22c21 blue-r22c22 . blue-r22c24 blue-r22c25 blue-r22c26 . blue-r22c28 blue-r22c29 blue-r22c30 . blue-r22c32 blue-r22c33 blue-r22c34 . blue-r22c36 blue-r22c37 blue-r22c38 . blue-r22c40 blue-r22c41 blue-r22c42 . blue-r22c44 blue-r22c45 blue-r22c46 . blue-r22c48 blue-r22c49 blue-r22c50 . blue-r22c52 blue-r22c53 blue-r22c54 . blue-r22c56 blue-r22c57"
"blue-r23c1 blue-r23c2 blue-r23c3 . blue-r23c5 blue-r23c6 blue-r23c7 . blue-r23c9 blue-r23c10 blue-r23c11 blue-r23c12 blue-r23c13 . blue-r23c15 blue-r23c16 blue-r23c17 . blue-r23c19 blue-r23c20 blue-r23c21 blue-r23c22 blue-r23c23 . blue-r23c25 blue-r23c26 blue-r23c27 . blue-r23c29 blue-r23c30 blue-r23c31 blue-r23c32 blue-r23c33 . blue-r23c35 blue-r23c36 blue-r23c37 . blue-r23c39 blue-r23c40 blue-r23c41 blue-r23c42 blue-r23c43 . blue-r23c45 blue-r23c46 blue-r23c47 . blue-r23c49 blue-r23c50 blue-r23c51 blue-r23c52 blue-r23c53 . blue-r23c55 blue-r23c56 blue-r23c57"
"blue-r24c1 blue-r24c2 blue-r24c3 blue-r24c4 . blue-r24c6 blue-r24c7 blue-r24c8 . blue-r24c10 blue-r24c11 blue-r24c12 . blue-r24c14 blue-r24c15 blue-r24c16 . blue-r24c18 blue-r24c19 blue-r24c20 blue-r24c21 blue-r24c22 blue-r24c23 blue-r24c24 . blue-r24c26 blue-r24c27 blue-r24c28 . blue-r24c30 blue-r24c31 blue-r24c32 . blue-r24c34 blue-r24c35 blue-r24c36 . blue-r24c38 blue-r24c39 blue-r24c40 blue-r24c41 blue-r24c42 blue-r24c43 blue-r24c44 . blue-r24c46 blue-r24c47 blue-r24c48 . blue-r24c50 blue-r24c51 blue-r24c52 . blue-r24c54 blue-r24c55 blue-r24c56 ."
". . blue-r25c3 blue-r25c4 blue-r25c5 . blue-r25c7 blue-r25c8 blue-r25c9 . yellow-r25c11 . blue-r25c13 blue-r25c14 blue-r25c15 . blue-r25c17 blue-r25c18 blue-r25c19 . . . blue-r25c23 blue-r25c24 blue-r25c25 . blue-r25c27 blue-r25c28 blue-r25c29 . yellow-r25c31 . blue-r25c33 blue-r25c34 blue-r25c35 . blue-r25c37 blue-r25c38 blue-r25c39 . . . blue-r25c43 blue-r25c44 blue-r25c45 . blue-r25c47 blue-r25c48 blue-r25c49 . yellow-r25c51 . blue-r25c53 blue-r25c54 blue-r25c55 . blue-r25c57"
"red-r26c1 . blue-r26c3 blue-r26c4 blue-r26c5 blue-r26c6 . blue-r26c8 blue-r26c9 yellow-r26c10 red-r26c11 yellow-r26c12 blue-r26c13 blue-r26c14 . blue-r26c16 blue-r26c17 blue-r26c18 blue-r26c19 . red-r26c21 . blue-r26c23 blue-r26c24 blue-r26c25 blue-r26c26 . blue-r26c28 blue-r26c29 yellow-r26c30 red-r26c31 yellow-r26c32 blue-r26c33 blue-r26c34 . blue-r26c36 blue-r26c37 blue-r26c38 blue-r26c39 . red-r26c41 . blue-r26c43 blue-r26c44 blue-r26c45 blue-r26c46 . blue-r26c48 blue-r26c49 yellow-r26c50 red-r26c51 yellow-r26c52 blue-r26c53 blue-r26c54 . blue-r26c56 blue-r26c57"
". . blue-r27c3 blue-r27c4 blue-r27c5 . blue-r27c7 blue-r27c8 blue-r27c9 . yellow-r27c11 . blue-r27c13 blue-r27c14 blue-r27c15 . blue-r27c17 blue-r27c18 blue-r27c19 . . . blue-r27c23 blue-r27c24 blue-r27c25 . blue-r27c27 blue-r27c28 blue-r27c29 . yellow-r27c31 . blue-r27c33 blue-r27c34 blue-r27c35 . blue-r27c37 blue-r27c38 blue-r27c39 . . . blue-r27c43 blue-r27c44 blue-r27c45 . blue-r27c47 blue-r27c48 blue-r27c49 . yellow-r27c51 . blue-r27c53 blue-r27c54 blue-r27c55 . blue-r27c57"
"blue-r28c1 blue-r28c2 blue-r28c3 blue-r28c4 . blue-r28c6 blue-r28c7 blue-r28c8 . blue-r28c10 blue-r28c11 blue-r28c12 . blue-r28c14 blue-r28c15 blue-r28c16 . blue-r28c18 blue-r28c19 blue-r28c20 blue-r28c21 blue-r28c22 blue-r28c23 blue-r28c24 . blue-r28c26 blue-r28c27 blue-r28c28 . blue-r28c30 blue-r28c31 blue-r28c32 . blue-r28c34 blue-r28c35 blue-r28c36 . blue-r28c38 blue-r28c39 blue-r28c40 blue-r28c41 blue-r28c42 blue-r28c43 blue-r28c44 . blue-r28c46 blue-r28c47 blue-r28c48 . blue-r28c50 blue-r28c51 blue-r28c52 . blue-r28c54 blue-r28c55 blue-r28c56 ."

}

.tiles-2 {
grid-template-areas:
"blue-r29c1 blue-r29c2 blue-r29c3 . blue-r29c5 blue-r29c6 blue-r29c7 . blue-r29c9 blue-r29c10 blue-r29c11 blue-r29c12 blue-r29c13 . blue-r29c15 blue-r29c16 blue-r29c17 . blue-r29c19 blue-r29c20 blue-r29c21 blue-r29c22 blue-r29c23 . blue-r29c25 blue-r29c26 blue-r29c27 . blue-r29c29 blue-r29c30 blue-r29c31 blue-r29c32 blue-r29c33 . blue-r29c35 blue-r29c36 blue-r29c37 . blue-r29c39 blue-r29c40 blue-r29c41 blue-r29c42 blue-r29c43 . blue-r29c45 blue-r29c46 blue-r29c47 . blue-r29c49 blue-r29c50 blue-r29c51 blue-r29c52 blue-r29c53 . blue-r29c55 blue-r29c56 blue-r29c57"
"blue-r30c1 blue-r30c2 . blue-r30c4 blue-r30c5 blue-r30c6 . blue-r30c8 blue-r30c9 blue-r30c10 . blue-r30c12 blue-r30c13 blue-r30c14 . blue-r30c16 blue-r30c17 blue-r30c18 . blue-r30c20 blue-r30c21 blue-r30c22 . blue-r30c24 blue-r30c25 blue-r30c26 . blue-r30c28 blue-r30c29 blue-r30c30 . blue-r30c32 blue-r30c33 blue-r30c34 . blue-r30c36 blue-r30c37 blue-r30c38 . blue-r30c40 blue-r30c41 blue-r30c42 . blue-r30c44 blue-r30c45 blue-r30c46 . blue-r30c48 blue-r30c49 blue-r30c50 . blue-r30c52 blue-r30c53 blue-r30c54 . blue-r30c56 blue-r30c57"
"blue-r31c1 . blue-r31c3 blue-r31c4 blue-r31c5 . blue-r31c7 blue-r31c8 blue-r31c9 . blue-r31c11 . blue-r31c13 blue-r31c14 blue-r31c15 . blue-r31c17 blue-r31c18 blue-r31c19 . blue-r31c21 . blue-r31c23 blue-r31c24 blue-r31c25 . blue-r31c27 blue-r31c28 blue-r31c29 . blue-r31c31 . blue-r31c33 blue-r31c34 blue-r31c35 . blue-r31c37 blue-r31c38 blue-r31c39 . blue-r31c41 . blue-r31c43 blue-r31c44 blue-r31c45 . blue-r31c47 blue-r31c48 blue-r31c49 . blue-r31c51 . blue-r31c53 blue-r31c54 blue-r31c55 . blue-r31c57"
". blue-r32c2 blue-r32c3 blue-r32c4 . blue-r32c6 blue-r32c7 blue-r32c8 . blue-r32c10 blue-r32c11 blue-r32c12 . blue-r32c14 blue-r32c15 blue-r32c16 . blue-r32c18 blue-r32c19 blue-r32c20 . blue-r32c22 blue-r32c23 blue-r32c24 . blue-r32c26 blue-r32c27 blue-r32c28 . blue-r32c30 blue-r32c31 blue-r32c32 . blue-r32c34 blue-r32c35 blue-r32c36 . blue-r32c38 blue-r32c39 blue-r32c40 . blue-r32c42 blue-r32c43 blue-r32c44 . blue-r32c46 blue-r32c47 blue-r32c48 . blue-r32c50 blue-r32c51 blue-r32c52 . blue-r32c54 blue-r32c55 blue-r32c56 ."
"blue-r33c1 blue-r33c2 blue-r33c3 . blue-r33c5 blue-r33c6 blue-r33c7 . blue-r33c9 blue-r33c10 blue-r33c11 blue-r33c12 blue-r33c13 . blue-r33c15 blue-r33c16 blue-r33c17 . blue-r33c19 blue-r33c20 blue-r33c21 blue-r33c22 blue-r33c23 . blue-r33c25 blue-r33c26 blue-r33c27 . blue-r33c29 blue-r33c30 blue-r33c31 blue-r33c32 blue-r33c33 . blue-r33c35 blue-r33c36 blue-r33c37 . blue-r33c39 blue-r33c40 blue-r33c41 blue-r33c42 blue-r33c43 . blue-r33c45 blue-r33c46 blue-r33c47 . blue-r33c49 blue-r33c50 blue-r33c51 blue-r33c52 blue-r33c53 . blue-r33c55 blue-r33c56 blue-r33c57"
"blue-r34c1 blue-r34c2 . blue-r34c4 blue-r34c5 blue-r34c6 . blue-r34c8 blue-r34c9 blue-r34c10 blue-r34c11 blue-r34c12 blue-r34c13 blue-r34c14 . blue-r34c16 blue-r34c17 blue-r34c18 . blue-r34c20 blue-r34c21 blue-r34c22 . blue-r34c24 blue-r34c25 blue-r34c26 . blue-r34c28 blue-r34c29 blue-r34c30 blue-r34c31 blue-r34c32 blue-r34c33 blue-r34c34 . blue-r34c36 blue-r34c37 blue-r34c38 . blue-r34c40 blue-r34c41 blue-r34c42 . blue-r34c44 blue-r34c45 blue-r34c46 . blue-r34c48 blue-r34c49 blue-r34c50 blue-r34c51 blue-r34c52 blue-r34c53 blue-r34c54 . blue-r34c56 blue-r34c57"
"yellow-r35c1 . blue-r35c3 blue-r35c4 blue-r35c5 . blue-r35c7 blue-r35c8 blue-r35c9 . . . blue-r35c13 blue-r35c14 blue-r35c15 . blue-r35c17 blue-r35c18 blue-r35c19 . yellow-r35c21 . blue-r35c23 blue-r35c24 blue-r35c25 . blue-r35c27 blue-r35c28 blue-r35c29 . . . blue-r35c33 blue-r35c34 blue-r35c35 . blue-r35c37 blue-r35c38 blue-r35c39 . yellow-r35c41 . blue-r35c43 blue-r35c44 blue-r35c45 . blue-r35c47 blue-r35c48 blue-r35c49 . . . blue-r35c53 blue-r35c54 blue-r35c55 . blue-r35c57"
"red-r36c1 yellow-r36c2 blue-r36c3 blue-r36c4 . blue-r36c6 blue-r36c7 blue-r36c8 blue-r36c9 . red-r36c11 . blue-r36c13 blue-r36c14 blue-r36c15 blue-r36c16 . blue-r36c18 blue-r36c19 yellow-r36c20 red-r36c21 yellow-r36c22 blue-r36c23 blue-r36c24 . blue-r36c26 blue-r36c27 blue-r36c28 blue-r36c29 . red-r36c31 . blue-r36c33 blue-r36c34 blue-r36c35 blue-r36c36 . blue-r36c38 blue-r36c39 yellow-r36c40 red-r36c41 yellow-r36c42 blue-r36c43 blue-r36c44 . blue-r36c46 blue-r36c47 blue-r36c48 blue-r36c49 . red-r36c51 . blue-r36c53 blue-r36c54 blue-r36c55 blue-r36c56 ."
"yellow-r37c1 . blue-r37c3 blue-r37c4 blue-r37c5 . blue-r37c7 blue-r37c8 blue-r37c9 . . . blue-r37c13 blue-r37c14 blue-r37c15 . blue-r37c17 blue-r37c18 blue-r37c19 . yellow-r37c21 . blue-r37c23 blue-r37c24 blue-r37c25 . blue-r37c27 blue-r37c28 blue-r37c29 . . . blue-r37c33 blue-r37c34 blue-r37c35 . blue-r37c37 blue-r37c38 blue-r37c39 . yellow-r37c41 . blue-r37c43 blue-r37c44 blue-r37c45 . blue-r37c47 blue-r37c48 blue-r37c49 . . . blue-r37c53 blue-r37c54 blue-r37c55 . blue-r37c57"
"blue-r38c1 blue-r38c2 . blue-r38c4 blue-r38c5 blue-r38c6 . blue-r38c8 blue-r38c9 blue-r38c10 blue-r38c11 blue-r38c12 blue-r38c13 blue-r38c14 . blue-r38c16 blue-r38c17 blue-r38c18 . blue-r38c20 blue-r38c21 blue-r38c22 . blue-r38c24 blue-r38c25 blue-r38c26 . blue-r38c28 blue-r38c29 blue-r38c30 blue-r38c31 blue-r38c32 blue-r38c33 blue-r38c34 . blue-r38c36 blue-r38c37 blue-r38c38 . blue-r38c40 blue-r38c41 blue-r38c42 . blue-r38c44 blue-r38c45 blue-r38c46 . blue-r38c48 blue-r38c49 blue-r38c50 blue-r38c51 blue-r38c52 blue-r38c53 blue-r38c54 . blue-r38c56 blue-r38c57"
"blue-r39c1 blue-r39c2 blue-r39c3 . blue-r39c5 blue-r39c6 blue-r39c7 . blue-r39c9 blue-r39c10 blue-r39c11 blue-r39c12 blue-r39c13 . blue-r39c15 blue-r39c16 blue-r39c17 . blue-r39c19 blue-r39c20 blue-r39c21 blue-r39c22 blue-r39c23 . blue-r39c25 blue-r39c26 blue-r39c27 . blue-r39c29 blue-r39c30 blue-r39c31 blue-r39c32 blue-r39c33 . blue-r39c35 blue-r39c36 blue-r39c37 . blue-r39c39 blue-r39c40 blue-r39c41 blue-r39c42 blue-r39c43 . blue-r39c45 blue-r39c46 blue-r39c47 . blue-r39c49 blue-r39c50 blue-r39c51 blue-r39c52 blue-r39c53 . blue-r39c55 blue-r39c56 blue-r39c57"
". blue-r40c2 blue-r40c3 blue-r40c4 . blue-r40c6 blue-r40c7 blue-r40c8 . blue-r40c10 blue-r40c11 blue-r40c12 . blue-r40c14 blue-r40c15 blue-r40c16 . blue-r40c18 blue-r40c19 blue-r40c20 . blue-r40c22 blue-r40c23 blue-r40c24 . blue-r40c26 blue-r40c27 blue-r40c28 . blue-r40c30 blue-r40c31 blue-r40c32 . blue-r40c34 blue-r40c35 blue-r40c36 . blue-r40c38 blue-r40c39 blue-r40c40 . blue-r40c42 blue-r40c43 blue-r40c44 . blue-r40c46 blue-r40c47 blue-r40c48 . blue-r40c50 blue-r40c51 blue-r40c52 . blue-r40c54 blue-r40c55 blue-r40c56 ."
"blue-r41c1 . blue-r41c3 blue-r41c4 blue-r41c5 . blue-r41c7 blue-r41c8 blue-r41c9 . blue-r41c11 . blue-r41c13 blue-r41c14 blue-r41c15 . blue-r41c17 blue-r41c18 blue-r41c19 . blue-r41c21 . blue-r41c23 blue-r41c24 blue-r41c25 . blue-r41c27 blue-r41c28 blue-r41c29 . blue-r41c31 . blue-r41c33 blue-r41c34 blue-r41c35 . blue-r41c37 blue-r41c38 blue-r41c39 . blue-r41c41 . blue-r41c43 blue-r41c44 blue-r41c45 . blue-r41c47 blue-r41c48 blue-r41c49 . blue-r41c51 . blue-r41c53 blue-r41c54 blue-r41c55 . blue-r41c57"
"blue-r42c1 blue-r42c2 . blue-r42c4 blue-r42c5 blue-r42c6 . blue-r42c8 blue-r42c9 blue-r42c10 . blue-r42c12 blue-r42c13 blue-r42c14 . blue-r42c16 blue-r42c17 blue-r42c18 . blue-r42c20 blue-r42c21 blue-r42c22 . blue-r42c24 blue-r42c25 blue-r42c26 . blue-r42c28 blue-r42c29 blue-r42c30 . blue-r42c32 blue-r42c33 blue-r42c34 . blue-r42c36 blue-r42c37 blue-r42c38 . blue-r42c40 blue-r42c41 blue-r42c42 . blue-r42c44 blue-r42c45 blue-r42c46 . blue-r42c48 blue-r42c49 blue-r42c50 . blue-r42c52 blue-r42c53 blue-r42c54 . blue-r42c56 blue-r42c57"

}

.tiles-3 {
grid-template-areas:
"blue-r43c1 blue-r43c2 blue-r43c3 . blue-r43c5 blue-r43c6 blue-r43c7 . blue-r43c9 blue-r43c10 blue-r43c11 blue-r43c12 blue-r43c13 . blue-r43c15 blue-r43c16 blue-r43c17 . blue-r43c19 blue-r43c20 blue-r43c21 blue-r43c22 blue-r43c23 . blue-r43c25 blue-r43c26 blue-r43c27 . blue-r43c29 blue-r43c30 blue-r43c31 blue-r43c32 blue-r43c33 . blue-r43c35 blue-r43c36 blue-r43c37 . blue-r43c39 blue-r43c40 blue-r43c41 blue-r43c42 blue-r43c43 . blue-r43c45 blue-r43c46 blue-r43c47 . blue-r43c49 blue-r43c50 blue-r43c51 blue-r43c52 blue-r43c53 . blue-r43c55 blue-r43c56 blue-r43c57"
"blue-r44c1 blue-r44c2 blue-r44c3 blue-r44c4 . blue-r44c6 blue-r44c7 blue-r44c8 . blue-r44c10 blue-r44c11 blue-r44c12 . blue-r44c14 blue-r44c15 blue-r44c16 . blue-r44c18 blue-r44c19 blue-r44c20 blue-r44c21 blue-r44c22 blue-r44c23 blue-r44c24 . blue-r44c26 blue-r44c27 blue-r44c28 . blue-r44c30 blue-r44c31 blue-r44c32 . blue-r44c34 blue-r44c35 blue-r44c36 . blue-r44c38 blue-r44c39 blue-r44c40 blue-r44c41 blue-r44c42 blue-r44c43 blue-r44c44 . blue-r44c46 blue-r44c47 blue-r44c48 . blue-r44c50 blue-r44c51 blue-r44c52 . blue-r44c54 blue-r44c55 blue-r44c56 ."
". . blue-r45c3 blue-r45c4 blue-r45c5 . blue-r45c7 blue-r45c8 blue-r45c9 . yellow-r45c11 . blue-r45c13 blue-r45c14 blue-r45c15 . blue-r45c17 blue-r45c18 blue-r45c19 . . . blue-r45c23 blue-r45c24 blue-r45c25 . blue-r45c27 blue-r45c28 blue-r45c29 . yellow-r45c31 . blue-r45c33 blue-r45c34 blue-r45c35 . blue-r45c37 blue-r45c38 blue-r45c39 . . . blue-r45c43 blue-r45c44 blue-r45c45 . blue-r45c47 blue-r45c48 blue-r45c49 . yellow-r45c51 . blue-r45c53 blue-r45c54 blue-r45c55 . blue-r45c57"
"red-r46c1 . blue-r46c3 blue-r46c4 blue-r46c5 blue-r46c6 . blue-r46c8 blue-r46c9 yellow-r46c10 red-r46c11 yellow-r46c12 blue-r46c13 blue-r46c14 . blue-r46c16 blue-r46c17 blue-r46c18 blue-r46c19 . red-r46c21 . blue-r46c23 blue-r46c24 blue-r46c25 blue-r46c26 . blue-r46c28 blue-r46c29 yellow-r46c30 red-r46c31 yellow-r46c32 blue-r46c33 blue-r46c34 . blue-r46c36 blue-r46c37 blue-r46c38 blue-r46c39 . red-r46c41 . blue-r46c43 blue-r46c44 blue-r46c45 blue-r46c46 . blue-r46c48 blue-r46c49 yellow-r46c50 red-r46c51 yellow-r46c52 blue-r46c53 blue-r46c54 . blue-r46c56 blue-r46c57"
". . blue-r47c3 blue-r47c4 blue-r47c5 . blue-r47c7 blue-r47c8 blue-r47c9 . yellow-r47c11 . blue-r47c13 blue-r47c14 blue-r47c15 . blue-r47c17 blue-r47c18 blue-r47c19 . . . blue-r47c23 blue-r47c24 blue-r47c25 . blue-r47c27 blue-r47c28 blue-r47c29 . yellow-r47c31 . blue-r47c33 blue-r47c34 blue-r47c35 . blue-r47c37 blue-r47c38 blue-r47c39 . . . blue-r47c43 blue-r47c44 blue-r47c45 . blue-r47c47 blue-r47c48 blue-r47c49 . yellow-r47c51 . blue-r47c53 blue-r47c54 blue-r47c55 . blue-r47c57"
"blue-r48c1 blue-r48c2 blue-r48c3 blue-r48c4 . blue-r48c6 blue-r48c7 blue-r48c8 . blue-r48c10 blue-r48c11 blue-r48c12 . blue-r48c14 blue-r48c15 blue-r48c16 . blue-r48c18 blue-r48c19 blue-r48c20 blue-r48c21 blue-r48c22 blue-r48c23 blue-r48c24 . blue-r48c26 blue-r48c27 blue-r48c28 . blue-r48c30 blue-r48c31 blue-r48c32 . blue-r48c34 blue-r48c35 blue-r48c36 . blue-r48c38 blue-r48c39 blue-r48c40 blue-r48c41 blue-r48c42 blue-r48c43 blue-r48c44 . blue-r48c46 blue-r48c47 blue-r48c48 . blue-r48c50 blue-r48c51 blue-r48c52 . blue-r48c54 blue-r48c55 blue-r48c56 ."
"blue-r49c1 blue-r49c2 blue-r49c3 . blue-r49c5 blue-r49c6 blue-r49c7 . blue-r49c9 blue-r49c10 blue-r49c11 blue-r49c12 blue-r49c13 . blue-r49c15 blue-r49c16 blue-r49c17 . blue-r49c19 blue-r49c20 blue-r49c21 blue-r49c22 blue-r49c23 . blue-r49c25 blue-r49c26 blue-r49c27 . blue-r49c29 blue-r49c30 blue-r49c31 blue-r49c32 blue-r49c33 . blue-r49c35 blue-r49c36 blue-r49c37 . blue-r49c39 blue-r49c40 blue-r49c41 blue-r49c42 blue-r49c43 . blue-r49c45 blue-r49c46 blue-r49c47 . blue-r49c49 blue-r49c50 blue-r49c51 blue-r49c52 blue-r49c53 . blue-r49c55 blue-r49c56 blue-r49c57"
"blue-r50c1 blue-r50c2 . blue-r50c4 blue-r50c5 blue-r50c6 . blue-r50c8 blue-r50c9 blue-r50c10 . blue-r50c12 blue-r50c13 blue-r50c14 . blue-r50c16 blue-r50c17 blue-r50c18 . blue-r50c20 blue-r50c21 blue-r50c22 . blue-r50c24 blue-r50c25 blue-r50c26 . blue-r50c28 blue-r50c29 blue-r50c30 . blue-r50c32 blue-r50c33 blue-r50c34 . blue-r50c36 blue-r50c37 blue-r50c38 . blue-r50c40 blue-r50c41 blue-r50c42 . blue-r50c44 blue-r50c45 blue-r50c46 . blue-r50c48 blue-r50c49 blue-r50c50 . blue-r50c52 blue-r50c53 blue-r50c54 . blue-r50c56 blue-r50c57"
"blue-r51c1 . blue-r51c3 blue-r51c4 blue-r51c5 . blue-r51c7 blue-r51c8 blue-r51c9 . blue-r51c11 . blue-r51c13 blue-r51c14 blue-r51c15 . blue-r51c17 blue-r51c18 blue-r51c19 . blue-r51c21 . blue-r51c23 blue-r51c24 blue-r51c25 . blue-r51c27 blue-r51c28 blue-r51c29 . blue-r51c31 . blue-r51c33 blue-r51c34 blue-r51c35 . blue-r51c37 blue-r51c38 blue-r51c39 . blue-r51c41 . blue-r51c43 blue-r51c44 blue-r51c45 . blue-r51c47 blue-r51c48 blue-r51c49 . blue-r51c51 . blue-r51c53 blue-r51c54 blue-r51c55 . blue-r51c57"
". blue-r52c2 blue-r52c3 blue-r52c4 . blue-r52c6 blue-r52c7 blue-r52c8 . blue-r52c10 blue-r52c11 blue-r52c12 . blue-r52c14 blue-r52c15 blue-r52c16 . blue-r52c18 blue-r52c19 blue-r52c20 . blue-r52c22 blue-r52c23 blue-r52c24 . blue-r52c26 blue-r52c27 blue-r52c28 . blue-r52c30 blue-r52c31 blue-r52c32 . blue-r52c34 blue-r52c35 blue-r52c36 . blue-r52c38 blue-r52c39 blue-r52c40 . blue-r52c42 blue-r52c43 blue-r52c44 . blue-r52c46 blue-r52c47 blue-r52c48 . blue-r52c50 blue-r52c51 blue-r52c52 . blue-r52c54 blue-r52c55 blue-r52c56 ."
"blue-r53c1 blue-r53c2 blue-r53c3 . blue-r53c5 blue-r53c6 blue-r53c7 . blue-r53c9 blue-r53c10 blue-r53c11 blue-r53c12 blue-r53c13 . blue-r53c15 blue-r53c16 blue-r53c17 . blue-r53c19 blue-r53c20 blue-r53c21 blue-r53c22 blue-r53c23 . blue-r53c25 blue-r53c26 blue-r53c27 . blue-r53c29 blue-r53c30 blue-r53c31 blue-r53c32 blue-r53c33 . blue-r53c35 blue-r53c36 blue-r53c37 . blue-r53c39 blue-r53c40 blue-r53c41 blue-r53c42 blue-r53c43 . blue-r53c45 blue-r53c46 blue-r53c47 . blue-r53c49 blue-r53c50 blue-r53c51 blue-r53c52 blue-r53c53 . blue-r53c55 blue-r53c56 blue-r53c57"
"blue-r54c1 blue-r54c2 . blue-r54c4 blue-r54c5 blue-r54c6 . blue-r54c8 blue-r54c9 blue-r54c10 blue-r54c11 blue-r54c12 blue-r54c13 blue-r54c14 . blue-r54c16 blue-r54c17 blue-r54c18 . blue-r54c20 blue-r54c21 blue-r54c22 . blue-r54c24 blue-r54c25 blue-r54c26 . blue-r54c28 blue-r54c29 blue-r54c30 blue-r54c31 blue-r54c32 blue-r54c33 blue-r54c34 . blue-r54c36 blue-r54c37 blue-r54c38 . blue-r54c40 blue-r54c41 blue-r54c42 . blue-r54c44 blue-r54c45 blue-r54c46 . blue-r54c48 blue-r54c49 blue-r54c50 blue-r54c51 blue-r54c52 blue-r54c53 blue-r54c54 . blue-r54c56 blue-r54c57"
"yellow-r55c1 . blue-r55c3 blue-r55c4 blue-r55c5 . blue-r55c7 blue-r55c8 blue-r55c9 . . . blue-r55c13 blue-r55c14 blue-r55c15 . blue-r55c17 blue-r55c18 blue-r55c19 . yellow-r55c21 . blue-r55c23 blue-r55c24 blue-r55c25 . blue-r55c27 blue-r55c28 blue-r55c29 . . . blue-r55c33 blue-r55c34 blue-r55c35 . blue-r55c37 blue-r55c38 blue-r55c39 . yellow-r55c41 . blue-r55c43 blue-r55c44 blue-r55c45 . blue-r55c47 blue-r55c48 blue-r55c49 . . . blue-r55c53 blue-r55c54 blue-r55c55 . blue-r55c57"
"red-r56c1 yellow-r56c2 blue-r56c3 blue-r56c4 . blue-r56c6 blue-r56c7 blue-r56c8 blue-r56c9 . red-r56c11 . blue-r56c13 blue-r56c14 blue-r56c15 blue-r56c16 . blue-r56c18 blue-r56c19 yellow-r56c20 red-r56c21 yellow-r56c22 blue-r56c23 blue-r56c24 . blue-r56c26 blue-r56c27 blue-r56c28 blue-r56c29 . red-r56c31 . blue-r56c33 blue-r56c34 blue-r56c35 blue-r56c36 . blue-r56c38 blue-r56c39 yellow-r56c40 red-r56c41 yellow-r56c42 blue-r56c43 blue-r56c44 . blue-r56c46 blue-r56c47 blue-r56c48 blue-r56c49 . red-r56c51 . blue-r56c53 blue-r56c54 blue-r56c55 blue-r56c56 ."

}

.tiles-4 {
grid-template-areas:
"yellow-r57c1 . blue-r57c3 blue-r57c4 blue-r57c5 . blue-r57c7 blue-r57c8 blue-r57c9 . . . blue-r57c13 blue-r57c14 blue-r57c15 . blue-r57c17 blue-r57c18 blue-r57c19 . yellow-r57c21 . blue-r57c23 blue-r57c24 blue-r57c25 . blue-r57c27 blue-r57c28 blue-r57c29 . . . blue-r57c33 blue-r57c34 blue-r57c35 . blue-r57c37 blue-r57c38 blue-r57c39 . yellow-r57c41 . blue-r57c43 blue-r57c44 blue-r57c45 . blue-r57c47 blue-r57c48 blue-r57c49 . . . blue-r57c53 blue-r57c54 blue-r57c55 . blue-r57c57"

}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console