#container {
	background-color: hotpink;
	height:  880px;
	margin-bottom: 40px;
	width: 90%;
	margin-left: 10%;
	float: right;
}

.History {
	border: 2px solid black;
	height: 700px;
	width: 1450px;
	margin-top: 30px;
	margin-left: 3px;
	top: 60%;
	background-color: blue;
}

.histTitle {
	border: 2px solid black;
	height: 100px;
	width: 1400px;
	margin-top: 30px;
	margin-left: 3px;
	top: 60%;
	background-color: green;
}

.scrollbox {
	border:  2px solid black;
	height: 876px;
	width:  200px;
	position: fixed;
	background-color: blue;
	margin-left: -10px;
}

.menu1 {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	20%;
	position: fixed;
	background-color: red;
	margin-left: -10px;
}

.menu2 {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	40%;
	position: fixed;
	background-color: yellow;
	margin-left: -10px;
}

.menu3 {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	60%;
	position: fixed;
	background-color: orange;
	margin-left: -10px;
}

.btn {
  border: none;
  background-color: inherit;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}


p {

}