* {
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}

html, body {
	width:100%;
	height:100%;
	overflow:hidden;
}

body {
	height:100%;
	margin:auto;
	max-width:640px;
	position:relative;
	overflow-y:auto;
}

body, .panel.winner {
	background: rgb(234,185,45);
	background: -moz-linear-gradient(-45deg, rgba(234,185,45,1) 0%, rgba(199,152,16,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);
	background: linear-gradient(135deg, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=1 );
}

body.red {
	background: rgb(239,93,91);
	background: -moz-linear-gradient(-45deg, rgba(239,93,91,1) 0%, rgba(226,46,43,1) 50%, rgba(239,74,71,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(239,93,91,1) 0%,rgba(226,46,43,1) 50%,rgba(239,74,71,1) 100%);
	background: linear-gradient(135deg, rgba(239,93,91,1) 0%,rgba(226,46,43,1) 50%,rgba(239,74,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5d5b', endColorstr='#ef4a47',GradientType=1 );
}
body.green {
	background: rgb(201,222,150);
	background: -moz-linear-gradient(-45deg, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	background: linear-gradient(135deg, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 );
}
body.blue {
	background: rgb(167,207,223);
	background: -moz-linear-gradient(-45deg, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
	background: linear-gradient(135deg, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=1 );
}

.panel {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity:0;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	transition:opacity 0.5s;
}
.panel.active {
	opacity:1;
}

.panel.wait {
	background-image:url(https://cdn.discordapp.com/attachments/237733485744357386/478615340922699777/image.png);
}

.template {
	display:none;
}

.loader {
	border: 16px solid #f2f2f2; /* Light grey */
	border-top: 16px solid #333; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin:auto;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.answeritem[disabled='disabled'] {
	opacity:0.25;
	transform:scale(0.9);
}
.panel.winner {
	overflow:hidden;
}