@import "http://fonts.googleapis.com/css?family=Ubuntu";
* { box-sizing: border-box; }
body {
	margin: 0;
	padding: 0;
	background: #FFF;
	text-transform: uppercase;
	font: "http://fonts.googleapis.com/css?family=Droid Sans";
	font-size: 11px;
	color: #FECF08;
}
h1{ margin: 0; }
#contact { 
  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  margin: 4em auto;
  width: 100px; 
  height: 30px; 
  line-height: 30px;
  background: #C61E1E;
  color: white;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  border: 2px solid #FECF08;
}

#contact:hover { background: #FECF08; border-color: #C61E1E; }
#contact:active { background: #FECF08; border-color: #C61E1E; }

#contactForm { 
  display: none;
  border: 6px; 
  padding: 2em;
  width: 400px;
  text-align: center;
  background: #FECF08;
  border-size: 2px;
  border-color: #C61E1E;
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%)
  
}

input, textarea { 
  margin: .8em auto;
  font-family: inherit; 
  text-transform: inherit; 
  font-size: inherit;
  display: block; 
  width: 280px; 
  padding: .4em;
}
textarea { height: 80px; resize: none; }

.formBtn { 
  width: 140px;
  display: inline-block;
  background: #C61E1E;
  color: #fff;
  font-weight: 100;
  font-size: 1.2em;
  border: 1;
  border-color: darkred;
  height: 30px;
}