/* front page exclusive */

#front_page {
	margin-left:auto;
	margin-right:auto;
	padding:15px;
}

#front_page img{
  object-fit: cover;
  width: 350px;
  padding:15px;
}

.extext {
	margin-top:15px;
}

.exleft{
	float:left;
}

.exright{
	float:right;
}

.extable {
	wdith:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	table-layout:fixed;
	margin-top:15px;
}

.extable td {
	padding:10px;
}

.extdon {
	background-color:#86b3dd;
}

.extdoff {
	background-color:#659ed5;
}

.extitle {
	color: #f6b8f7;
	width:100%;
	text-align:center;
	font-size:35px;
	margin-top:15px;	
	font-weight:800;
	font-weight:bold;	
}

.expagetitle {
	color: #7b46aa;
	width:100%;
	text-align:center;
	font-size:40px;
	margin-top:15px;
	font-weight:800;
	font-weight:bold;	
}

.exblock {
	background-color:#bb793d;
	padding:25px;
	margin-top:15px;
	font-family:courier;
}

.exwarn {
	background-color:#5b5557;
	padding:25px;
	margin-top:15px;
	font-family:courier;
}

#mastery_section{
	display:inline-block;
}

#cat_table {
	font-size:30px;
}

#cat_table td {
	margin-top:15px;
}

.cat_name {
	background-color:#766d64;
	text-align:center;
}

#cat_fun {
	background-color:#d7b4f5;
}

#cat_artwork{
	background-color:#6198ce
}

#cat_life {
	background-color:#68a851;
}

#cat_shop {
	background-color:#c5b141;
}

@media only screen and (min-width : 0px) and (max-width : 900px) {	

	#front_page{
		width:95%;
		padding:5px;
		background-color:initial;
	}
	
	article {
		padding:5px;
		width:100%;		
	}
	
}