diff --git a/resources/public/css/style.css b/resources/public/css/style.css
new file mode 100644
index 0000000..68758f9
--- /dev/null
+++ b/resources/public/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/resources/public/index.html b/resources/public/index.html
index 8784c94..4549d11 100644
--- a/resources/public/index.html
+++ b/resources/public/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/resources/public/tictactoe.html b/resources/public/tictactoe.html
index aa2f16a..17f5079 100644
--- a/resources/public/tictactoe.html
+++ b/resources/public/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
diff --git a/script/release.clj b/script/release.clj
index c40216f..8c22500 100755
--- a/script/release.clj
+++ b/script/release.clj
@@ -9,6 +9,12 @@
 (fs/copy "resources/public/tictactoe.html" "gh-pages"
          {:replace-existing true})
 
+(def style-source-dir (fs/file "resources" "public" "css"))
+(def style-target-dir (fs/file "gh-pages" "css"))
+(fs/create-dirs style-target-dir)
+(fs/copy "resources/public/css/style.css" style-target-dir
+         {:replace-existing true})
+
 (def js-source-dir (fs/file "resources" "public" "js"))
 (def js-target-dir (fs/file "gh-pages" "js"))
 (fs/create-dirs js-target-dir)
