@charset "UTF-8";
#Container {
	width: 960px;
	height: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#topNav ul {
	color: #401280;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	text-align: center;
	font-weight: normal;
	font-size: 1.2rem;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#topNav ul li {
    color: #401280;
    margin-left: 30px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-align: center;
    list-style-type: none;
    display: inline-block;
    font-size: 1.1rem;
}
a:link, a:visited {
	color: #0072E3;
	font-variant: normal;
	list-style-type: none;
	text-decoration: none;
}
a:hover, a:active {
	color: #9A69A6;
}
#logo   {
	display: block;
	width: 300px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
header  {
	padding-bottom: 15px;
	border-bottom: 6px solid #FFAB96;
	text-align: center;
	padding-left: 0px;
}
#mainHome h1   , #tutorialHome h1, #aboutHome h1{
	text-align: center;
	color: #403121;
	text-indent: 0px;
	border-radius: 17px;
	background-color: #56CCAF;
	padding-left: 0px;
	margin-right: 225px;
	margin-left: 225px;
}
p {
	color: #403121;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-style: normal;
	font-weight: normal;
}
body {
	background-color: #FFFFFF;
}
#mainHome img {
}
#mainHome p {
	text-align: center;
	color: #344256;
}
#mainHome section p {
	text-align: left;
	color: #344256;
}
#tutorialHome img {
	float: left;
	margin-left: 15px;
	clear: both;
	margin-bottom: 30px;
	margin-right: 11px;
}
#tutorialHome h2 {
	background-color: #C4FDFF;
	text-align: center;
	border-radius: 5px;
	padding-left: 15px;
	margin-left: 120px;
	margin-right: 120px;
	color: #403121;
	clear: both;
}
#tutorialHome h3 {
	padding-bottom: 15px;
	text-align: left;
	font-style: normal;
	color: #403121;
	/* [disabled]font-size: 1rem; */
}
#tutorialHome p {
	color: #344256;
}
#aboutHome h2 {
	background-color: #C4FDFF;
	text-align: center;
	border-radius: 5px;
	padding-left: 15px;
	margin-left: 120px;
	margin-right: 120px;
	color: #403121;
	clear: both;
	margin-top: 30px;
}
#navSide {
}
footer  {
	padding-bottom: 15px;
	border-top: 6px solid #FFAB96;
}
footer h1 {
	color: #403121;
	text-align: center;
	list-style-type: none;
	font-weight: normal;
	font-size: 1.2rem;
}
footer ul   {
	padding-left: 0px;
	color: #403121;
	list-style-type: none;
	margin-left: 0px;
	text-align: center;
}
footer ul li  {
	display: inline-block;
	padding-left: 0px;
	margin-left: 20px;
}
footer ul li a:link    , footer ul li a:visited{
	color: #401280;
}
footer ul li a:hover   , footer ul li a:active{
	color: #9A69A6;
}
#UnderConstruction   {
	text-align: center;
	margin-top: 217px;
	margin-right: 217px;
	margin-bottom: 217px;
	margin-left: 217px;
}
#UnderConstruction h1    , #UnderConstruction h2{
	color: #403121;
}
.BacktoTop {
}
.feature {
    width: 300px;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    float: left;
    margin-bottom: 24px;
    margin-right: 3px;
}


#featuredProds:after, #tutorials:after, main:after {
	content:"";
	display: table;
	clear: both;

}
#aboutHome img {
	float: left;
	clear: both;
	margin-bottom: 30px;
	margin-right: 11px;
}