diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..68758f9
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,26 @@
+body
+{
+  font-family: Arial;
+}
+
+div#app
+{
+  color:#666;
+}
+
+div#app td
+{
+  width:50px;
+  height:50px;
+  border:1px solid #dedede;
+  background:#fff;
+  margin:1px;
+  color:#666;
+  text-align: center;
+  line-height: 50px;
+}
+
+div#app td:hover
+{
+  cursor:pointer;
+}
diff --git a/index.html b/index.html
index 8784c94..4549d11 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel="stylesheet" href="css/style.css">
     <script src="js/sci-script-tag.js" type="application/javascript"></script>
     <script src="js/sci-script-tag-plugin-reagent.js" type="application/javascript"></script>
-
     <script type="application/x-sci">
       (defn my-alert []
        (js/alert "You clicked!"))
diff --git a/tictactoe.html b/tictactoe.html
index aa2f16a..17f5079 100644
--- a/tictactoe.html
+++ b/tictactoe.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel="stylesheet" href="css/style.css">
     <script src="js/sci-script-tag.js" type="application/javascript"></script>
     <script src="js/sci-script-tag-plugin-reagent.js" type="application/javascript"></script>
 
@@ -9,38 +10,13 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/languages/clojure.min.js" type="text/javascript"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/zenburn.min.css" integrity="sha512-JPxjD2t82edI35nXydY/erE9jVPpqxEJ++6nYEoZEpX2TRsmp2FpZuQqZa+wBCen5U16QZOkMadGXHCfp+tUdg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <style>
-      body
-      {
-        font-family: Arial;
-      }
-
-      div#app
-      {
-        color:#666;
-      }
-
-      div#app td 
-      {
-        width:50px;
-        height:50px;
-        border:1px solid #dedede;
-        background:#fff;
-        margin:1px;
-        color:#666;
-        text-align: center;
-        line-height: 50px;
-      }
-
-      div#app td:hover
-      {
-        cursor:pointer;
-      }
-    </style>
 
   </head>
   <body>
     <h1>SCI script tag: Reagent tic-tac-toe</h1>
+    <h2>What is SCI script tag?</h2>
+    <p>Read <a href="index.html">the main page</a> for more details.</p>
+    <h2>Reagent tic tac toe</h2>
     <div id="app"></div>
     <p>The following source was loaded and interpreted
  from <a href="cljs/tictactoe.cljs"><tt>cljs/tictactoe.cljs</tt></a> using the
