diff --git a/static/index.html b/static/index.html
index 5a5f163..59b6299 100644
--- a/static/index.html
+++ b/static/index.html
@@ -4,14 +4,24 @@
         <title>Live Markdown</title>
         <meta charset="utf-8">
         <script src="https://cdn.jsdelivr.net/jquery/2.2.3/jquery.min.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/font-hack/2.018/css/hack.min.css">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" media="screen">
+        <link rel="stylesheet" href="https://ludikovsky.name/blog/blog.css" type="text/css" media="screen">
     </head>
     <body>
-        <div id="input">
-            <textarea id="markdown" name="markdown" rows="25" cols="80"></textarea>
+        <div class="col-md-2"></div>
+        <div id="input" class="col-md-4">
+            <textarea id="markdown" name="markdown" rows="25" cols="80" style="max-width: 100%"></textarea>
         </div>
-        <div id="output"></div>
+        <div class="container col-md-4">
+            <article>
+                <div id="output">
+                </div>
+            </article>
+        </div>
+        <div class="col-md-2"></div>
         <script>
-$('#input').change(
+$('#input').on('input',
    function(){
        $.ajax({
            url: "http://localhost:5000/parse",
