diff --git a/html/force-big.css b/html/force-big.css
new file mode 100644
index 0000000..87d8163
--- /dev/null
+++ b/html/force-big.css
@@ -0,0 +1,46 @@
+#chart {
+  background: #000;
+}
+
+.node ellipse {
+  stroke-width: 2.5px;
+}
+
+.node text {
+  font-size: 10px;
+  color: #333;
+}
+
+.link line {
+  stroke: #f50;
+  stroke-opacity: 1;
+  stroke-width: 5px !important;
+}
+
+.node ellipse.group-0 {
+  fill: #fff;
+  stroke: #04f;
+}
+
+.node ellipse.group-2 {
+  stroke: #FF7F0E;
+}
+
+.node ellipse.group-3 {
+  stroke: #ff0;
+  fill: #ff0;
+  stroke-width: 5px;
+}
+
+.link .label {
+  fill: transparent;
+  stroke: #C83771;
+  stroke-width: 1px;
+}
+
+.strength {
+  font-size: 10px;
+  fill: #C83771;
+}
+
+
diff --git a/html/force-light.css b/html/force-light.css
new file mode 100644
index 0000000..9063816
--- /dev/null
+++ b/html/force-light.css
@@ -0,0 +1,44 @@
+#chart {
+  background-image: url(gplaypattern.png);
+}
+
+.node ellipse {
+  fill: #fff;
+  stroke-width: 2.5px;
+}
+
+.node text {
+  font-size: 10px;
+  color: #333;
+}
+
+.link line {
+  stroke: #333;
+  stroke-opacity: 1;
+}
+
+.node ellipse.group-0 {
+  stroke: #AEC7E8;
+}
+
+.node ellipse.group-2 {
+  stroke: #FF7F0E;
+}
+
+.node ellipse.group-3 {
+  stroke: #1F77B4;
+  fill: #1F77B4;
+}
+
+.link .label {
+  fill: transparent;
+  stroke: #C83771;
+  stroke-width: 1px;
+}
+
+.strength {
+  font-size: 10px;
+  fill: #C83771;
+}
+
+