@charset "utf-8";
/* CSS Document */
.selectable
{
cursor: pointer;	
}
.revealBox{
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	color:#fff;
	background:#333;
	letter-spacing: 0.1em;
	padding:10px;
	text-align: center;
	margin-top:5px;
}
.headingBox{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	color:#000;
	letter-spacing: 0.1em;
	line-height:1.5em;
	padding:10px;
	text-align: center;
}
.tableclass{
	width:900px;
}
.patternclass{
	width:900px;
	margin-top:5px;
}
.tdsize{
	width:200px;
	padding:10px;
	border: 2px solid #333;
	height:30px;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size: 2em;
	line-height:1.1em;
	font-weight:bold;
}
.tdsize2{
	padding:5px;
	border: 2px solid #333;
	height:50px;
	width:300px;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size: 2em;
	line-height:1.1em;
	letter-spacing: 0.2em;
	background:#fff;
}
.nounclass{
	color:#2E0927;
	background:#fff;
}
.adjectiveclass{
	color:#D90000;
	background:#fff;
}
.verbclass{
	color:#FF8C00;
	background:#fff;
}
.adverbclass{
	color:#04756F;
	background:#fff;
}
.missing{
	background:#fff;
	color:#E65000
}

p{	
	display:block;
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size: .8em;
	line-height:1.1em;
}
.centered {
  position:relative; top:12%; left:50%; margin-left:-445px;
  max-width:900px;
}
#example1a{
	float:left;
}
#example1b{
	float:left;
	color:#000;
	font-weight:bold;
}
#example2a{
	float:left;
}
#example2b{
	float:left;
	color:#000;
	font-weight:bold;
}
@media only screen and (max-height: 800px) {
	
}