body {

	background-color: #77E3F2;
	font-family: 'Arial' ;
	line-height: 1;
	margin: 0.2em;
	padding: 0;
	font-size: 20px;
}

h1 {
  display: block;
  font-size: 3em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
	text-align: center;
  display: block;
  font-size: 1.7em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
.navbar{
	position: sticky; 
	top: 0;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	border: solid 2px;
	font-size: 1.2em;
	width: 100%;
	height: 70px;
	
}
.navbar a{
	width: 100px;
	height: 70px;
	text-decoration: none;
	color: black;
	
}
.navbar ul{
	list-style: none;
}
.navbar li{
	float: left;
	padding-right: 85px;
}
.navbar a:hover{
	background-color: black;
	color:white;
}
.button{
	border: solid 2px #ccc;
	padding: 10px;
	background-color: #eee;
	width: 70px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}