/* --------------
/	  init 		
-------------- */
body{padding:0; margin:0; font-family: 'Lato', sans-serif; background-color:#000000;}
*:focus{border:0; outline: 0}

/* --------------
/	 Design		
-------------- */
.sitename{text-transform: uppercase; font-weight: bolder;}
.line.header{ padding: 10px 0 15px 0}
.line.content{padding:8% 0;}
.thx,
.pitch{padding:20% 0 0 0;}

.pitch h1{ font-size:220%; font-weight: lighter; margin:0;}
.thx,
.explain{ font-size:150%; }
input{
	border-width:1px; 
	border-style:solid; 
	border-radius:2px;
}
.form{padding:5% 0 10% 0;}
.form .form-input{
	padding:12px; 
	width: 300px; 
	font-size:18px; 
	margin:0; 
	border:0;
}
button:hover{cursor: pointer;}
button.bt{
	border-width:0px; 
	border-style:solid; 
	border-radius:2px; 
	padding:12px 20px; 
	vertical-align: center; 
	font-size: 18px; 
	font-weight: bolder; 
}
/* --------------
/	colors 
-------------- */
body.light {color: #000}
body.light a{color: #000}
body.light .bt-color{color: #000}	
body.light input{border-color:rgba(0,0,0,0.25); background: rgba(255,255,255,0.85);}
body.light input:focus{box-shadow:0px 0px 20px 5px rgba(255,215,150,1); background: rgba(255,255,255,1); color:#000;}
body.light button.bt{border-color:rgba(0,0,0,0.25);}

body.dark {color: #fff}
body.dark a{color: #fff}
body.dark .bt-color{color: #000}	
body.dark input{border-color:rgba(0,0,0,0.25); background: rgba(255,255,255,0.85);}
body.dark input:focus{box-shadow:0px 0px 20px 5px rgba(255,215,150,1); background: rgba(255,255,255,1); color:#000;}
body.dark button.bt{border-color:rgba(0,0,0,0.25);}

/* --------------
/	Errors 
-------------- */
.errormsg .msg{
background: red;
display: inline-block;
padding: 5px 15px;
position: relative;
top: 15px;
border-radius:50px;
}
input.error{background: #ffe3e3; color:#440000; box-shadow: 0px 0px 10px 5px rgba(255,0,0,0.5);}
input.valid{background: #ebffe3; color:#0c2c00;}