@charset "UTF-8";
*:focus {outline: none;}
body{
background:url("img/abrasivism_bg.jpg")
center
no-repeat
fixed
#fff;}
form{
position:fixed;
height:300px;
width:450px;
top:50%;
left:50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);}
.email{
position:fixed;
left:50px;
top:192px;
height:36px;
width:350px;
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:2px rgba(232, 111, 0, 0.3) solid;
font-size:24px;
text-align:center;}
email:focus{
background-color: rgba(232, 111, 0, 0.4);
outline: none;}
::placeholder{
color:rgba(0, 0, 0,0.90);
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight:100;}
:-ms-input-placeholder{
color:rgba(0, 0, 0,0.90);
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight:100;}
::-ms-input-placeholder{
color:rgba(0, 0, 0,0.90);
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight:100;}
.button{
position:fixed;
-webkit-appearance: none;
min-width:125px;
height:42px;
font-size:24px;
top:236px;
left:265px;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight:300;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:2px rgba(232, 111, 0, 0.3) solid;
color:rgba(0,0,0,0.95);
background-color:rgba(252,234,0,0.90);
text-align:center;}
.button:hover{
background-color:rgba(232, 153, 80, 1.0);}
.button:focus{
background-color:rgba(124, 206, 105, 1.0);
border:2px rgba(30, 160, 0, 0.3) solid;
color:#fff;}