gistfile1.txt

.wrapper {
	max-width: 600px;
	margin: 2em auto;
	width: 100%;
}

input {
	margin: 0 0 1em 0;
	display: block;
}

	input:focus {
		outline: none;
	}

input[type="text"] {
	box-shadow: 2px 2px 0 #444;
	padding: 0.5em 1em;
	border: 2px solid #999;
}
	input[type="text"]:focus {
		background: #fefefe;
		border-color: #666;
	}

input[type="submit"] {
	background-color: #ff005f;
	border: 2px solid #ff005f;
	padding: 1em 2em;
	box-shadow: 2px 2px 0 #444;
	text-shadow: 1px 1px 0 #444;
	color: #fff;
	border-radius: 4px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

	input[type="submit"]:hover {
		background-color: #990011;
	}

	input[type="submit"]:active {
		background-color: #550011;
		box-shadow: none;
		text-shadow: 1px 1px 0 #111;
		position: relative;
		top: 2px;
	}