diff --git a/react-binder/src/pages/common.css b/react-binder/src/pages/common.css
new file mode 100644
index 0000000..208ac6a
--- /dev/null
+++ b/react-binder/src/pages/common.css
@@ -0,0 +1,7 @@
+
+:root {
+
+  /* fonts */
+  --default-font-family: 'Roboto', sans-serif;
+  --default-font-size: 16px;
+}
\ No newline at end of file
diff --git a/react-binder/src/pages/index/index.css b/react-binder/src/pages/index/index.css
new file mode 100644
index 0000000..00c5e26
--- /dev/null
+++ b/react-binder/src/pages/index/index.css
@@ -0,0 +1,5 @@
+@import "../common.css";
+
+#index-page {
+  text-align: center;
+}
\ No newline at end of file
diff --git a/react-binder/src/pages/index/index.js b/react-binder/src/pages/index/index.js
index d4ff3b6..a391427 100644
--- a/react-binder/src/pages/index/index.js
+++ b/react-binder/src/pages/index/index.js
@@ -8,7 +8,7 @@
 
 // imports
 import React from 'react';
-import './index.less';
+import './index.css';
 
 export default class IndexPage extends React.Component {
   constructor( props ) {