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;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.text{
 position: relative;
  color:white;
  margin-left: 25px;
  padding: 10px;
  width: 800px;
  height:250px;
  opacity:1;
  overflow: scroll;
  margin-top: 25px;
  overflow-x: hidden;
}
.navigation a {
  float: none;
  color: white;
  padding: 5px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  text-align: left;
  width:200px;
  border-bottom: 2px solid hsla(360, 100%, 100%, 0);
  margin-left: 25px;
}
.navigation a:hover{
  color: red;
}
h1 {
  color: white;
  display: block;
  font-size: 50px;
  text-align: left;
}