switching/style/grey.css

.header {
	width: 100%;
	min-height: 50px;

	padding: 5px 20px;

	background-color: rgba(10, 10, 10, .2);
	
	line-height: 40px;

	font-size: 28px;
	font-weight: 800;
	color: #fff;
}

.footer {
	width: 100%;
	min-height: 30px;

	padding: 10px 20px;

	background-color: rgba(10, 10, 10, .1);

	font-size: 14px;
	color: #777;

	text-align: left;
}

.wrap {
	width: 1024px;
	min-height: 100vh;

	margin: 0 auto;

	background-color: rgba(200,200,200,.2);
}

nav {
	background-color: rgba(200,200,200,.2);
}

.top-nav__item {
	display: block;

	float: left;

	padding: 10px 15px 12px;

	border-radius: 2px;

	transition: .2s ease;

	color: #333;
}

.top-nav__item:hover {
	background-color: #3ce;

	color: #fff;
}

.mainContainer {
	padding: 20px;

	font-size: 14px;
	color: #333;

	text-align: left;
}

.mainContainer h1 {
        margin: 10px 0 5px 0;

	font-size: 24px;
	font-weight: 600;
	color: #000;
}

.mainContainer h2 {
        margin: 10px 0 5px 0;

	font-size: 22px;
	font-weight: 600;
	color: #000;
}

.mainContainer h3 {
        margin: 10px 0 5px 0;

	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.mainContainer h4 {
        margin: 10px 0 5px 0;

        font-size: 14px;
        font-weight: 600;
        color: #000;
}


.mainContainer p {
	margin: 5px 5px 0 10px;

}

.mainContainer strong {
	font-weight: 600;
}

.mainContainer ul,
.mainContainer ol {
	margin: 5px 5px 10px 10px;

	list-style-position: outside;
}

.mainContainer ul li {
	margin: 5px 5px 0 15px;
}

.mainContainer img {
	margin: 10px;
}



/*!** end-reset ***/