body {
    background-color: #aaa4a0;
    color: #371F10;
    font-family: Roboto Mono, monospace;
}
.pagelink{
  position: fixed;
  display: inline;
  left:0px;
/*  width:20px;
  height:20px;*/
  padding: 0px 5px 0px 5px;
  background-color: white;
  z-index: 10;
  font-size: 30px;
  text-align: center;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  /*border-style: solid;*/
  border-width: 1px;
  border-color: #371F10;

}

.pagelink:hover{
  background-color: #0BEFEB;
}
.pagelink a{
  text-decoration: none;
}

.pagelink .pagename{
  display: inline;
  position: absolute;
  width: auto;
  padding: 5px;
  margin-left: 25px;
  font-size: 13px;
  background-color: white;
  visibility: hidden;
}

.pagelink:hover .pagename{
  visibility: visible;
}

h1 {
	position: fixed;
	right:0%;
	top:5%;
	text-align: right;
	background-color: rgba(11,239,235,0.7);
	padding: 3px 35px 3px 10px;
	z-index: 10;
	font-size: 28px;
}

a, a:visited{
    color:black;
    text-decoration: underline;
}

a:hover {
	text-decoration: none;
  	color: blue;
}

a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */