html{
	height: 100%;
}

body{
	height: 100%;
	margin:0;
	font-family: sans-serif;
}

.container{
	height: 100%
}

.sidebar{
	color: #000000;
	float: left;
	width: 18%;
	height: 100%;
	background-color: #b3cce6;
	min-width: 230px;
	padding-left: 40px;
	position: fixed;
  	overflow: auto;
}

.main{
	float: right;
	width: 80%;
	height: 100%;
	background-color: white;
	min-width: 10px;
	/*border: 5px solid blue;*/
}

.content{
	padding: 50px 100px;
	/*border: 5px solid green;*/
}
.sidebar a{
	color: #000000;
	text-decoration: none;
}
li a.one {
  display: block;
  color: #000;
  padding: 2px 8px;
  width: 60px;
  text-decoration: none;
}
li a.one.active{
  color: #000;
  font-size: 24px;
  font-weight: bold;
}
li a:hover{
  color: #000;
  font-weight: bold;
}
h1 {
  font-size: 48px;
}

h2.one{
	border-left: 12px solid lightgreen;
	background-color: lightgrey;
}