Шаблон:Как правильно/styles.css

.main-wrapper {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.howto-main-box {
	background-color: white;
	color: #F2F5FD;
	border: solid 6px darkgreen;
	width: 100%;
	margin-bottom: 1rem;
}

.howto-main {
	width: 100%;
	border-collapse: collapse;
}
.howto-main-image {
	padding: 7px 10px 7px 10px;
}
.howto-main-title-cell {
	background-color: #F2F5FD;
	border: 1px solid darkgreen;
	border-top: 8px solid darkgreen;
	margin-bottom: 1.5rem;
	padding: 1.5rem;
	text-align: center;
}
.howto-main-title {
	color: darkgreen;
	font-size: 1.5rem;
	font-family: Garamond, 'Bookman Old Style', 'Gentium Book Basic', 'Liberation Serif', 'Times New Roman', serif;
	text-align: center;
}
.howto-main-subtitle {
	font-size: 1.2rem;
	font-family: Garamond, 'Bookman Old Style', 'Gentium Book Basic', 'Liberation Serif', 'Times New Roman', serif;
	text-align: center;
}

.howto-main-description-box {
	border: 1px solid darkgreen;
	padding: 3px;
	width: 100%;
	margin-bottom: 1rem;
}
.howto-main-description {
	padding: 10px;
	vertical-align: middle;
}

.howto-box {
	background-color: #F2F5FD;
	font-family: Monotype Corsiva, sans-serif;
	border: 1px solid darkgreen;
	border-top: 8px solid darkgreen;
	margin-bottom: 1.5rem;
	padding: 1.5rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.howto-box:last-child {
	margin-bottom: 0;
	flex: 1;
}
.howto-box-header {
	color: darkgreen;
	font-weight: bold;
	font-family: Garamond, 'Bookman Old Style', 'Gentium Book Basic', 'Liberation Serif', 'Times New Roman', serif;
	font-size: 1.25rem;
	text-align: center;
}