diff --git a/src/assets/platformer/css/styles.css b/src/assets/platformer/css/styles.css
new file mode 100644
index 0000000..11618e9
--- /dev/null
+++ b/src/assets/platformer/css/styles.css
@@ -0,0 +1,8 @@
+canvas {
+    margin: 0 auto;
+
+    image-rendering: -moz-crip-edges;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: -o-crisp-edges;
+    image-rendering: pixelated;
+}
diff --git a/src/assets/platformer/index.html b/src/assets/platformer/index.html
index 61fe088..398821a 100644
--- a/src/assets/platformer/index.html
+++ b/src/assets/platformer/index.html
@@ -1,16 +1,11 @@
 <!doctype html>
-<head>
+<head lang="en">
     <title>HTML5 games workshop: One-screen platformer</title>
     <meta charset="utf-8">
+    <link rel="stylesheet" href="css/styles.css">
 
     <script src="js/phaser.min.js"></script>
     <script src="js/main.js"></script>
-
-    <style>
-        canvas {
-            margin: 0 auto;
-        }
-    </style>
 </head>
 <body>
     <div id="game"></div>
