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

.scrollbox {
	border:  2px solid black;
	height: 1000px;
	width:  200px;
	position: fixed;
	background-color: blue;
	margin-left: -10px;
	margin-top: -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;
}

.location {
	border:  2px solid black;
	height: 700px;
	width:  750px;
	margin-top: 30px;
	margin-left: 3px;
	top: 	60%;
	background-color: green;
}

.language {
	border:  2px solid black;
	height: 700px;
	width:  750px;
	float: right;
	margin-top: -700px;
	background-color: #7FB5B5;
	margin-left: -10px;
}

.basicClues {
	border:  2px solid black;
	height: 700px;
	width:  750px;
	margin-top: 200px;
	margin-left: 3px;
	top: 	60%;
	background-color: #015D52;
}

.geography {
	border:  2px solid black;
	height: 700px;
	width:  750px;
	margin-top: -705px;
	float: right;
	top: 	60%;
	background-color: #1E2460;
	margin-left: -10px;
}

.loTitle {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	20%;
	background-color: red;
	left: 50%;
}
.laTitle {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	20%;
	background-color: red;
	left: 50%;
}
.bcTitle {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	20%;
	background-color: red;
	left: 50%;
}
.goTitle {
	border:  2px solid black;
	height: 100px;
	width:  200px;
	top: 	20%;
	background-color: red;
	left: 50%;
}