diff --git a/css/minecraft.css b/css/minecraft.css
index 985d2ba..0c62fce 100644
--- a/css/minecraft.css
+++ b/css/minecraft.css
@@ -74,7 +74,7 @@ a:focus {
     height: 100%;
     color: #fff;
     background: url(/img/intro-bg.jpg) no-repeat bottom center scroll;
-    background-color: #000;
+    background: #000;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
@@ -189,12 +189,12 @@ input[type="text"]:focus {
     border: 1px solid #488c1d;
     outline: 0;
     color: #000;
-    background-color: #488c1d;
+    background: #488c1d;
 }
 #ipbox {
     border: 1px solid #488c1d;
     color: #000;
-    background-color: #488c1d;
+    background: #488c1d;
 padding: 7px;
 display:inline-block;
 font-size: 16px;
@@ -238,4 +238,4 @@ font-size: 100px;
 .intro-text {
 font-size: 25px;
 }
-}
\ No newline at end of file
+}
diff --git a/css/minecraft.css~ b/css/minecraft.css~
new file mode 100644
index 0000000..985d2ba
--- /dev/null
+++ b/css/minecraft.css~
@@ -0,0 +1,241 @@
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Montserrat-Regular'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
+}
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Montserrat-Bold'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    font-family: 'Open Sans', sans-serif;
+    color: #fff;
+    background: #000;
+margin: 0;
+}
+
+html {
+    width: 100%;
+    height: 100%;
+margin:0;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0 0 25px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    letter-spacing: 1px;
+text-align: center;
+}
+
+p {
+    margin: 0 0 15px;
+    line-height: 1.4;
+text-align: center;
+}
+
+a {
+    color: #28c3ab;
+    -webkit-transition: all .2s ease-in-out;
+    -moz-transition: all .2s ease-in-out;
+    transition: all .2s ease-in-out;
+}
+
+a:hover,
+a:focus {
+    text-decoration: none;
+    color: #176e61;
+}
+
+.light {
+    font-weight: 400;
+}
+
+.intro {
+    display: table;
+    width: 100%;
+    height: 100%;
+    color: #fff;
+    background: url(/img/intro-bg.jpg) no-repeat bottom center scroll;
+    background-color: #000;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+}
+
+.intro-body {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+}
+
+.brand-heading {
+    font-size: 35px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    letter-spacing: 1px;
+text-align: center;
+margin: 0;
+}
+
+.intro-text {
+    font-size: 16px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+margin-top: 0px;
+margin-bottom: 30px;
+}
+
+.btn-circle {
+    padding: 9px 14px 9px 14px;
+    border: 1px solid #fff;
+    border-radius: 35px;
+    -webkit-border-radius: 35px;
+    -moz-border-radius: 35px;
+    font-size: 20px;
+    color: #fff;
+    background: 0 0;
+    -webkit-transition: background .3s ease-in-out;
+    -moz-transition: background .3s ease-in-out;
+    transition: background .3s ease-in-out;
+text-decoration: none;
+}
+
+.btn-circle:hover,
+.btn-circle:focus {
+    outline: 0;
+    color: #fff;
+    background: rgba(255,255,255,.1);
+}
+
+.about-section {
+    width: 100%;
+    height: 100%;
+    color: #fff;
+    display: table;
+    background: #000;
+}
+
+.about-body {
+    display: table-cell;
+    vertical-align: middle;
+padding-left: 20px;
+padding-right: 20px;
+padding-top: 40px;
+padding-bottom: 40px;
+    font-size: 16px;
+}
+
+::-moz-selection {
+    text-shadow: none;
+    background: #fcfcfc;
+    background: rgba(255,255,255,.2);
+}
+
+::selection {
+    text-shadow: none;
+    background: #fcfcfc;
+    background: rgba(255,255,255,.2);
+}
+
+img::selection {
+    background: 0 0;
+}
+
+img::-moz-selection {
+    background: 0 0;
+}
+
+body {
+    webkit-tap-highlight-color: rgba(255,255,255,.2);
+}
+input[type="text"] {
+    border: 1px solid #488c1d;
+    color: #488c1d;
+    background-color: transparent;
+padding: 7px;
+    font-family: 'Open Sans', sans-serif;
+font-size: 16px;
+    margin: 25px 0 0 0;
+-webkit-border-top-right-radius: 3px;
+-webkit-border-bottom-right-radius: 3px;
+-moz-border-radius-topright: 3px;
+-moz-border-radius-bottomright: 3px;
+border-top-right-radius: 3px;
+border-bottom-right-radius: 3px;
+}
+
+input[type="text"]:hover,
+input[type="text"]:focus {
+    border: 1px solid #488c1d;
+    outline: 0;
+    color: #000;
+    background-color: #488c1d;
+}
+#ipbox {
+    border: 1px solid #488c1d;
+    color: #000;
+    background-color: #488c1d;
+padding: 7px;
+display:inline-block;
+font-size: 16px;
+    margin: 25px 0 0 0;
+-webkit-border-top-left-radius: 3px;
+-webkit-border-bottom-left-radius: 3px;
+-moz-border-radius-topleft: 3px;
+-moz-border-radius-bottomleft: 3px;
+border-top-left-radius: 3px;
+border-bottom-left-radius: 3px;
+}
+#ip {
+text-align: center;
+}
+@media(min-width:767px) {
+p {
+margin: 0 0 20px;
+line-height: 1.5;
+}
+h2,h3,h4,h5,h6 {
+margin: 0 0 30px;
+}
+.about-body {
+padding-left: 90px;
+padding-right: 90px;
+font-size: 21px;
+}
+input[type="text"] {
+font-size: 21px;
+}
+#ipbox {
+font-size: 21px;
+}
+.btn-circle {
+padding: 9px 15px 9px 15px;
+font-size: 30px;
+}
+.brand-heading {
+font-size: 100px;
+}
+.intro-text {
+font-size: 25px;
+}
+}
\ No newline at end of file