/* Colors */
/* Fonts */
/* Background images */
/* General */
.topic-screen{
	width: 300px;
	height: 440px;
}

.end-screen{
	width: 350px;
	height: 600px;
}

.topic-screen, .end-screen {
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	transition: opacity 0.25s ease-in-out;
    border-radius: 5px;
	z-index: 100;
	padding: 20px;
	/* game will change these when needed */
	opacity: 0.0;
	display: none;
	/*bg will stay semi-transparent at opacity 1.0, but child elements will be solid*/
	background-color: rgba(0, 0, 0, 0.8);
}

#scoreName, #scoreEmail, #scoreAgree {
	display: block;
	margin-bottom: 10px;
}
#scoreNameMsg, #scoreEmailMsg, #scoreAgreeMsg {
	display: none;
	color: #e50;
	padding-bottom: 10px;
}


/* Reponsive Rules */
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
}