diff --git a/index.html b/index.html
index d66eca6..e077cde 100644
--- a/index.html
+++ b/index.html
@@ -5,11 +5,12 @@
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <title>Cubewaves</title>
+   <link rel="stylesheet" type="text/css" href="public/style.css">
    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.js"></script>
    <script src="public/sketch.js"></script>
 </head>
-<body style="text-align: center; background-color: #1e1e1e">
+<body>
 </body>
 </html>
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..9008702
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,5 @@
+html, body {
+   margin: auto;
+   text-align: center;
+   background-color: #1e1e1e";
+}
\ No newline at end of file
