* {
	box-sizing: border-box;
}

html {
	background-color: #e6e8e6;
}

body .title {
	background-color: #e6e8e6;
	padding: 40px;
	margin: 15px;
	border-style: solid;
	border-color: #b2675e;
	border-width: 15px;
}

body .title h1 {
	font-size: 1vw;
	text-align: center;
	text-decoration: bold;
	color: #b2675e;
}

body .title h2 {
	font-size: 20px;
	font-style: italic;
	text-align: center;
}

body .index {
	float: left;
	width: 50%;
	padding: 60px;
	border-style: solid;
	border-color: #e6e8e6;
	border-width: 15px;
	background-color: #b2675e;
}

body .index h3 a {
	text-align: center;
	font-size: 40px;
	color: #FFFFFF;
	text-decoration: bold;
	background-color: none;
}

body .index a {
	text-align: left;
	font-size: 20px;
	color: #e6e8e6;
	text-decoration: none;
	background-color: none;
}

body .index b {
	text-align: right;
	font-size: 20px;
	color: #bdd2e1;
	background-color: none;
}

body .row:after {
	content: "";
	display: table;
	clear: both;
}