html {
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/7/74/SriLanka_TeaHarvest_%28pixinn.net%29.jpg);
	background-size: cover;
	font-family: 'Monda', sans-serif;
}
.text{
  position: fixed;
  top:0;
  right:0;
  color:white;
  background-color: green;
  padding: 10px;
  width: 700px;
  height:300px;
  opacity:.75;
  overflow: scroll;
}
.navigation a {
  float: none;
  color: white;
  padding: 5px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 2px solid hsla(360, 100%, 100%, 0);
}
h1 {
  color: white;
  display: block;
  font-size: 55px;
  margin-top: 240px;
  text-align: left;
}