* {margin: 0; padding: 0; border: 0; vertical-align: baseline; list-style: none; text-decoration: none;}

#container {width: 480px; padding: 20px 20px 10px; color: #1a1b1e; border: 1px solid #dadbde;}
#container button {clear: both; display: block; width: 60px; height: 60px; margin: 20px auto 0; background: url('guy-fawkes-hacker-mask.jpg'); transition: all .2s linear; opacity: .5;}
#container button:hover, #container button:focus {opacity: 1; cursor: pointer;}
#container button span {display: none;}
#container button:hover span, #container button:focus span {display: block; position: absolute; width: 220px; margin: -15px 0 0 65px; color: #1a1b1e; text-align: left; font: 14px/18px "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;}
#container h1 {padding-bottom: 15px; text-align: center; font: bold 30px/36px "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif;}
#container img#gif {display: block; margin: 30px auto 0; width: 300px; height: auto;}
#container input {display: block; width: 420px; height: 35px; margin: 15px auto 5px; padding: 0 10px; border: 1px solid #6c0; border-radius: 3px; font-size: 20px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out;}
#container input:focus {box-shadow: 0 0 5px #6c0;}
#container p {margin-bottom: 15px; text-align: center; font: 15px/20px Arial, Helvetica, sans-serif;}
#container p span#info, p span#human {font-size: 30px; line-height: 36px; color: #390;}
#container p span#response {display: inline-block; padding-top: 10px; font: 18px/24px "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;}
#note p span#note {margin-top: 15px; margin-bottom: 5px; text-align: center; font: 10px/15px Arial, Helvetica, sans-serif;}

@media only screen and (max-width: 480px) {
	#container {width: 320px;}
	#container button:hover span, #container button:focus span {display: none;}
	#container h1 {font-size: 18px;}
	#container input {width: 290px; margin-top: 0;}
	#container p span#info, p span#human {font-size: 18px; line-height: 24px; font-weight: bold;}
	#container p span#response {font-size: 14px;}
}