diff --git a/config/style.css b/config/style.css
new file mode 100644
index 0000000..138af38
--- /dev/null
+++ b/config/style.css
@@ -0,0 +1,88 @@
+
+a{
+ color:#c3c3c3;
+ font-family:"Segoe UI";
+ font-size:25px;
+ text-decoration:none;
+ margin-left:5px;
+ transition-property: color;
+ transition-duration: .1s;
+ transition-timing-function: linear;
+}
+body{
+ padding-left:10px;
+ padding-right:10px;
+ font-family:"Segoe UI";
+ color:#c8c8c8;
+ font-size:34px;
+ background:#FBFBFB;
+}
+
+span{
+ margin-left:10px;
+ text-family:"segoe UI";
+ text-align: center;
+}
+
+a:hover { color:#A9BFA5}
+
+input[type=text] {
+ width: 18px;
+ padding: 3px;
+ position:absolute;
+ right:5px;bottom:5px;
+ border: 1px solid #E6e6e6;
+ transition-property: all;
+ transition-duration: .5s;
+ transition-timing-function: ease;
+ color: #bebebe;
+ background-position: -2px -1px;
+ background-image: url('../res/search.png');
+ background-repeat: no-repeat;
+}
+
+input[type=text]:hover {
+ border-color: #bebebe;
+ transition-property: all;
+ transition-duration: .5s;
+ transition-timing-function: ease;
+ color: #bebebe;
+ width:230px;
+ background-position: 227px -1px;
+ padding-right: 20px;
+}
+input[type=text]:focus {
+ border-color: #bebebe;
+ transition-property: all;
+ transition-duration: .5s;
+ transition-timing-function: ease;
+ color: #bebebe;
+ width:230px;
+ background-position: 227px -1px;
+ padding-right: 20px;
+}
+
+.boxed {
+ border: 1px solid #e6e6e6;
+ padding: 5px;
+ color: #494949;
+ background-color: #ffffff;
+ width: 760px;
+ margin-left: -390px;
+ margin-right: auto;
+ position:absolute;
+ left: 50%;
+ top: 40%;
+}
+
+h1 {
+ padding-bottom: -600px;
+ position: absolute;
+ visibility: hidden;
+ margin-top: -200px;
+ margin-left: -380px;
+ left: 50%;
+ top: 40%;
+
+}
+
diff --git a/index.html b/index.html
index 6778321..beacdee 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,8 @@
-
+
new tab
diff --git a/src/style.css b/src/style.css
deleted file mode 100644
index 46c5875..0000000
--- a/src/style.css
+++ /dev/null
@@ -1,87 +0,0 @@
-a{
- color:#c3c3c3;
- font-family:"Segoe UI";
- font-size:25px;
- text-decoration:none;
- margin-left:5px;
- transition-property: color;
- transition-duration: .1s;
- transition-timing-function: linear;
-}
-body{
- padding-left:10px;
- padding-right:10px;
- font-family:"Segoe UI";
- color:#c8c8c8;
- font-size:34px;
- background:#FBFBFB;
-}
-
-span{
- margin-left:10px;
- text-family:"segoe UI";
- text-align: center;
-}
-
-a:hover { color:#A9BFA5}
-
-input[type=text] {
- width: 18px;
- padding: 3px;
- position:absolute;
- right:5px;bottom:5px;
- border: 1px solid #E6e6e6;
- transition-property: all;
- transition-duration: .5s;
- transition-timing-function: ease;
- color: #bebebe;
- background-position: -2px -1px;
- background-image: url('../res/search.png');
- background-repeat: no-repeat;
-}
-
-input[type=text]:hover {
- border-color: #bebebe;
- transition-property: all;
- transition-duration: .5s;
- transition-timing-function: ease;
- color: #bebebe;
- width:230px;
- background-position: 227px -1px;
- padding-right: 20px;
-}
-input[type=text]:focus {
- border-color: #bebebe;
- transition-property: all;
- transition-duration: .5s;
- transition-timing-function: ease;
- color: #bebebe;
- width:230px;
- background-position: 227px -1px;
- padding-right: 20px;
-}
-
-.boxed {
- border: 1px solid #e6e6e6;
- padding: 5px;
- color: #494949;
- background-color: #ffffff;
- width: 760px;
- margin-left: -390px;
- margin-right: auto;
- position:absolute;
- left: 50%;
- top: 40%;
-}
-
-h1 {
- padding-bottom: -600px;
- position: absolute;
- visibility: hidden;
- margin-top: -200px;
- margin-left: -380px;
- left: 50%;
- top: 40%;
-
-}
-