html {
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/af/Blue_Hills_and_Tea_Garden_at_Munnar_Kerala.jpg);
	background-size: cover;
  background-repeat: no-repeat;
	font-family: 'Monda', sans-serif;
  width:100%
  height:100%;
}
.text{
  position: relative;
  color:white;
  margin-left: 25px;
  padding: 10px;
  width: 800px;
  height:300px;
  opacity:1;
  overflow: scroll;
  overflow-x: hidden;
  margin-top: 25px;
}
.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);
  font-size: 15px;
  margin-left: 25px;
  width: 200px;
}
.navigation a:hover{
  color:red;
}
h1 {
  color: white;
  display: block;
  font-size: 50px;
  text-align: left;
}