/*Colors
#553E4E
#8E5572
#9B97B2
#BFACC8
#DBD2E0
*/

/*navigation bar CSS Starts*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #9B97B2;
	position: fixed;
	top: 0;
	width: 100%;
}
li {
	float: left;
}
li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
li a:hover:not(.statushome) {
	background-color: #8E5572;
}
.statushome {
	background-color: #553E4E;
}
/*Navigation Bar CSS Ends*/

/*Standard Body CSS Starts*/
@font-face {
	font-family: SanFran;
	src: url(../fonts/iOSSF.ttf);
}
body {
	margin: 0;
	background-color: #DBD2E0;
}
h1 {
	color: #553E4E;
	font-size: 300%;
	text-align: center;
	font-family: SanFran;
}
h2 {
	color: #8E5572;
	font-size: 150%;
	text-align: center;
	font-family: SanFran;
	padding-left: 5%;
	padding-right: 5%;
}
h3 {
	color: #9B97B2;
	font-size: 130%;
	text-align: center;
	font-family: SanFran;
}
p {
	color: #553E4E;
	font-family: SanFran;
	font-size: 110%;
	margin-left: 30px;
	margin-right: 30px;
}
a {
	text-decoration: none;
}
li {
	font-family: SanFran;
}
ol {
	padding-left: 15%;
	padding-right: 15%;
}
/*Standard Body CSS Ends*/

/*special Body Info Starts*/
.maininfo {
	column-count: 2;
	column-fill: auto;
	column-rule: 4px double #8E5572;
}
img .categories {
}
.categories {
	column-count: 4;
	column-rule: 4px solid #8E5572;
}
.introtext {
	display: block;
	margin-left: 50px;
	margin-right: 50px;
}
.columnfirst {
	display: inline-block;
}
.columnsecond {
	display: block;
}
.centerimage {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.centertext {
	text-align: center;
}
