diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..4aabf2a
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,9 @@
+#chord_sheet {
+    font-family: monospace;
+    font-size: 13px;
+}
+
+.chord {
+    font-weight: bold;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 8e5d0e6..82ff504 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,12 +2,13 @@
 <html>
     <head>
         <meta charset="utf-8" />
-        <title>Webpack App</title>
+        <title>Chord Sheet Editor</title>
+        <link rel="stylesheet" href="index.css" />
     </head>
     <body>
         <h1>Hello world!</h1>
         <h2>Tip: Check your console</h2>
-        <div id="chord_sheet" style="font-family: monospace;"></div>
+        <div id="chord_sheet"></div>
         <script type="module" src="App.ts"></script>
     </body>
     
