@charset "UTF-8";

html {
	height:100%;
}

body {
	height:100%;
background-image: linear-gradient(bottom, rgb(255,218,143) 100%, rgb(167,179,196) 0%);
background-image: -o-linear-gradient(bottom, rgb(255,218,143) 100%, rgb(167,179,196) 0%);
background-image: -moz-linear-gradient(bottom, rgb(255,218,143) 100%, rgb(167,179,196) 0%);
background-image: -webkit-linear-gradient(bottom, rgb(255,218,143) 100%, rgb(167,179,196) 0%);
background-image: -ms-linear-gradient(bottom, rgb(255,218,143) 100%, rgb(167,179,196) 0%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(1, rgb(255,218,143)),
	color-stop(0, rgb(167,179,196))
);
}

article {
	margin:0 auto;
	height:100%;
	width:40%;
	min-width:460px;
	text-align:center;
	background:rgba(255,255,255,0.5);
}

h1 {
	padding:30px 0;
}

form {
	margin:0 auto;
	width:220px;
	text-align:center;
}

#answer {
	margin:30px;
}

#answer p {
	display:inline;
	margin:0;
	padding:30px;
	border:1px solid #333;
	border-radius:10px;
	font-size:2em;
	font-weight:bold;
	line-height:2;
}

// Landscape phones and down
@media (max-width: 480px) {
fomr {
	margin:0 30px;
	width:auto;
}
select {
	width:100%;
}
}

// Landscape phone to portrait tablet
@media (max-width: 768px) {

}

// Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 980px) {

}

// Large desktop
@media (min-width: 1200px) {

}