body{
	background-color:#ffffff8b;
	margin:50px 200px;
	display:block;
}
html{
	background:linear-gradient(#8CAAD4, #A2EBEB)
}
h1{
	font-size:200%;
	margin:10px 60px;
	display:block;
	font-family:sans-serif;
	text-align:center;
}	
h10{
	font-family:sans-serif;
	margin:10px 60px;
	display:block;
	
}
h11{
	font-family:sans-serif;
	font-weight:bold;
	display:block;
	margin:30px 60px;
	font-size:120%;
	text-indent:100px;
}
img{
	display:block;
	margin:10px 60px;
	width:200px;
	height:200px;
}
h12{
	font-family:sans-serif;
	display:block;
	margin:10px 60px;

}
ul {
  padding: 0;
  width: 100%;
}

li {
  display: inline;
}

a {
  outline: none;
  text-decoration: none;
  display: inline-block;
  width: 19.5%;
  margin:10px 60px;
  margin-right: 0.625%;
  text-align: center;
  line-height: 3;
  color: black;
}

li:last-child a {
  margin-right: 0;
}

a:link, a:visited, a:focus {
  background: white;
}

a:hover {
  background: #7894d4ff;
}

a:active {
  background: #b778d4ff;
  color: white;
}
h2{
	font-family:sans-serif;
	display:block;
	margin:10px 60px;
	font-size:80%;
}