fix tabs

.editorconfig

@@ -0,0 +1,21 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{*.html,*.css,*.json}]
+indent_style = tab
+indent_size = 4
+
+[humans.txt]
+indent_style = tab
+indent_size = 2
+
+[*.js]
+indent_style = space
+indent_size = 2

.gitignore

@@ -1 +0,0 @@
-*.sublime-*

README.md

@@ -1,2 +1,5 @@
-# chola
+# CHange Of LAyout ⌨
-CHange Of LAyout ⌨
+
+Меняем написанный текст буржуйской раскладки на нашинский.
+
+И наоборот.

docs/css/app.css

@@ -1,5 +1,9 @@
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic');
 
+:root {
+	--color-primary: #fb4b4b;
+}
+
 * {
 	padding: 0; margin: 0; outline: 0;
 	font-family: "Roboto";
@@ -7,7 +11,8 @@
 }
 
 *::selection {
-  color: #fb4b4b;
+	background-color: var(--color-primary);
+	color: #ffffff;
 }
 
 body {
@@ -20,7 +25,7 @@ div.wrap {
 }
 
 div.header {
-  background-color: #fb4b4b;
+	background-color: var(--color-primary);
 	color: #ffffff;
 	padding: 16px;
 }
@@ -32,14 +37,14 @@ div.content {
 button, textarea {
 	display: block;
 	box-sizing: border-box;
-  border: 1px solid #fb4b4b;
+	border: 1px solid var(--color-primary);
 	width: 100%;
 	padding: 8px;
 }
 
 button {
 	color: #000000;
-  background-color: #fb4b4b;
+	background-color: var(--color-primary);
 	border-top: 0;
 	border-bottom: 0;
 }
@@ -48,7 +53,6 @@ button:hover {
 }
 
 textarea {
-  
 	resize: none;
 }
 textarea:disabled {