body {
	font-family: Verdana, Arial, sans-serif;
}
.door{
	width: 33%;
	margin: -3px;
	transition: opacity 1.5s ease-in-out;
	border: 0px solid red;
}
.closed, .locked{
	content:url(mh_doors/1dc.png);
}
.closed:hover{
	content:url(mh_doors/1dh.png);
	cursor: pointer;
}
.chosen{
	content:url(mh_doors/1dh.png);
}
.empty{
	content:url(mh_doors/1do.png);
}
.winning{
	content:url(mh_doors/1do_win.png);
}
.losing{
	content:url(mh_doors/1do_lose.png);
}
#dialogue{
	position: relative;
	margin: 30px auto; 
	width: 70%;
	height: 100px; 
	border: 0px solid grey;
	text-align: center;
	user-select: none;
}
#dialogue1, #dialogue2{
	position: absolute;
	transition: opacity 1s ease-in-out;
	font-size: 22pt; 
	width: 100%;
	text-align: center;
	user-select: none;
}
.choice{
	color: grey;
	cursor: pointer;
}
.choice:hover{
	color: black;
}
.cursor{
	content:url(mh_doors/cursor.png);
	width: 30px;
	position: absolute;
	transition: all 2s ease-in-out;
	margin: auto;
	left: 50%;
	top: 55%;
	z-index: 1;
}
#timing{
	font-size: 12pt; 
	color: grey;
	margin: auto auto 0px 0px; 
	width: 220px;
	height: 20px; 
	border: 0px solid grey;
	text-align: center;
	user-select: none;
}