html {
	margin: 0;
	padding: 0;
	background: #a7ccc9;
	box-sizing: border-box;
	height: 80%;
}
*, *:before, *after{
	box-sizing: inherit;
}
body{
	min-height: 100%;
    width: 65%;
    padding: 10px;
    border: 10px solid gray;
    margin: 0 auto;
	font-family: 'Nanum Gothic', 'Quicksand';
	background: white;
}
h1{
	margin: 0;
	color: purple;
	font-size: 2.5em;
	background: #baedad;
}
h2{
	font-size: 1.5em;
	color: blue;
	text-decoration:underline;
	background: #D4D3DB;
	padding: 3px;
}
h3{
	font-size: 1em;
	color: green;
}
h1, h2, h3{
	text-align: center;
}
p{
	text-indent: 70px;
	line-height: 1.6;
	color: blue;
}
.left{
	width: 45%;
	float: left;
	min-height: 175px; 
	padding: 10px;
}
.right{
	width: 45%;
	float: right;
	min-height: 175px;
	padding: 10px;
}
div{
	background: white;
	padding: 3px;
}
footer{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #baedad;
   color: purple;
   text-align: center;
}