body {
    background-color: #A52A2A;
}

h1 {
    font-family: 'Metamorphous', cursive;
    font-size: 60px;
    text-align: center;
    color:#F9D74D;
    
    text-shadow: -3px 4px 4px #000000;
}


#hat {
    text-align: center;
}

table {
    width:600px;
    margin: 10px auto;
}

td {
    /*border: 1px solid #000;*/
}

th {
    font-family: 'Metamorphous', cursive;
    font-size: 20px;
    color:#F9D74D;
}

input.text {
    background-color: inherit;
    border: 2px dotted #F9D74D;
    width: 300px;
    padding: 10px;
    
    font-family: 'Metamorphous', cursive;
    font-size: 20px;
    text-align: center;
}

input.text:hover {
    cursor:pointer;
}

input.text:hover,
input.text:active {
    border: 2px solid #F9D74D;
}

input.myButton {
    font-family: 'Metamorphous', cursive;
    font-size: 20px;
}


.copyright {
    font-family: Arial;
    color: #AA8D8D;
    text-align: center;
    font-size: 12px;
}



/* http://www.bestcssbuttongenerator.com/ */
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}