From ae0ef7e450c059ad4aacacc34a8e816a80a486b4 Mon Sep 17 00:00:00 2001
From: mathias <mail@mathias.is>
Date: Mon, 16 Feb 2015 00:55:04 +0200
Subject: [PATCH] Cleaning up CSS

---
 css/minecraft.css | 229 ++++++++++++++++++++++------------------------
 1 file changed, 110 insertions(+), 119 deletions(-)

diff --git a/css/minecraft.css b/css/minecraft.css
index 0c62fce..28580ca 100644
--- a/css/minecraft.css
+++ b/css/minecraft.css
@@ -18,18 +18,19 @@
 }
 
 body {
-    width: 100%;
-    height: 100%;
-    font-family: 'Open Sans', sans-serif;
-    color: #fff;
-    background: #000;
-margin: 0;
+  width: 100%;
+  height: 100%;
+  font-family: 'Open Sans', sans-serif;
+  color: #fff;
+  background: #000;
+  margin: 0;
+  webkit-tap-highlight-color: rgba(255,255,255,.2);
 }
 
 html {
-    width: 100%;
-    height: 100%;
-margin:0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
 }
 
 h2,
@@ -37,177 +38,167 @@ 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;
+  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;
+  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;
+  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;
+  text-decoration: none;
+  color: #176e61;
 }
 
 .light {
-    font-weight: 400;
+  font-weight: 400;
 }
 
 .intro {
-    display: table;
-    width: 100%;
-    height: 100%;
-    color: #fff;
-    background: url(/img/intro-bg.jpg) no-repeat bottom center scroll;
-    background: #000;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    background-size: cover;
-    -o-background-size: cover;
+  display: table;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  background: url(/img/intro-bg.jpg) no-repeat bottom center scroll;
+  background: #000;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
 }
 
 .intro-body {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
+  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;
+  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;
+  font-size: 16px;
+  text-transform: uppercase;
+  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+  margin-top: 0;
+  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;
+  padding: 9px 14px 9px 14px;
+  border: 2px solid #fff;
+  border-radius: 35px;
+  -webkit-border-radius: 35px;
+  -moz-border-radius: 35px;
+  font-size: 20px;
+  color: #fff;
+  background: none;
+  -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);
+  outline: 0;
+  background: rgba(255,255,255,.1);
 }
 
 .about-section {
-    width: 100%;
-    height: 100%;
-    color: #fff;
-    display: table;
-    background: #000;
+  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;
+  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);
+  text-shadow: none;
+  background: #fcfcfc;
+  background: rgba(255,255,255,.2);
 }
 
 ::selection {
-    text-shadow: none;
-    background: #fcfcfc;
-    background: rgba(255,255,255,.2);
+  text-shadow: none;
+  background: #fcfcfc;
+  background: rgba(255,255,255,.2);
 }
 
 img::selection {
-    background: 0 0;
+  background: 0 0;
 }
 
 img::-moz-selection {
-    background: 0 0;
+  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;
+  border: 1px solid #488c1d;
+  color: #488c1d;
+  background: none;
+  padding: 7px;
+  font-family: 'Open Sans', sans-serif;
+  font-size: 16px;
+  margin: 25px 0 0 0;
+  -moz-border-radius: 0px 3px 3px 0px;
+  -webkit-border-radius: 0px 3px 3px 0px;
+  border-radius: 0px 3px 3px 0px;
 }
 
 input[type="text"]:hover,
 input[type="text"]:focus {
-    border: 1px solid #488c1d;
-    outline: 0;
-    color: #000;
-    background: #488c1d;
+  border: 1px solid #488c1d;
+  outline: 0;
+  color: #000;
+  background: #488c1d;
 }
 #ipbox {
-    border: 1px solid #488c1d;
-    color: #000;
-    background: #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;
+  border: 1px solid #488c1d;
+  color: #000;
+  background: #488c1d;
+  padding: 7px;
+  display: inline-block;
+  font-size: 16px;
+  margin: 25px 0 0 0;
+  -moz-border-radius: 3px 0px 0px 3px;
+  -webkit-border-radius: 3px 0px 0px 3px;
+  border-radius: 3px 0px 0px 3px;
 }
 #ip {
-text-align: center;
+  text-align: center;
 }
 @media(min-width:767px) {
 p {