input[type="text"] { width: 400px; }
textarea { width: 600px; height: 275px; }
label { color: #989898; }
input, textarea { background-color: rgba(115, 115, 115, 1); border: 5px solid rgba(122, 192, 0, 0.15); padding: 10px; color: #4b4b4b; -webkit-border-radius: 5px; }
 
 
 
 
input:focus, textarea:focus { border: 5px solid #9E36F2; background-color: rgba(255, 255, 255, 1); }
 
 
 
 
input[type="submit"] { border: none; cursor: pointer; color: #fff; padding: 5px 36px 8px 36px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6);
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #989898),
color-stop(0.62, #dddddd)
);
background: -moz-linear-gradient(
center bottom,
#989898 23%,
#dddddd 62%
);
}
 
 
 
 
input[type="submit"]:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background-color: #9E36F2;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.23, #521C7C),
color-stop(0.62, #9E36F2)
);
background: -moz-linear-gradient(
center bottom,
#521C7C 23%,
#9E36F2 62%
);
}
input[type="submit"]:active { top: 1px; }