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;
}*/

.linkscont{
  margin-top: 10%;
  height: 100vh;
  width: auto;
  position: fixed;
  left:0%;
  z-index: 10;
}

.pagelink{
  text-align:center;
  vertical-align:middle;
  display: block;
  /*justify-content: center;*/
  align-items: center;
  position: fixed;
  /*text-align: left;*/
  /*display: block;*/
  left:0px;
  width:36px;
  height:36px;
  padding-top: 2px;
  background-color: white;
  z-index: 2; 
  /*text-align: justify;*/
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  /*border-style: solid;*/
  border-width: 1px;
  border-color: #371F10;
  
}

.icon{
  text-align:center;
  vertical-align:middle;
 /* display: block;*/
  /*justify-content: center;*/
  align-items: center; 
font-size: 24px;
width: 40%;
height: 40%;
vertical-align:middle;
}

.active, .pagelink:hover{
  background-color: #0BEFEB;
}

.pagelink{
  background-color: white;
}

.pagelink a{
  text-decoration: none;
}

/*.pagelink a:active{
  background-color: #0BEFEB;
}

.active .pagelink:after{
  background-color: #0BEFEB;
}*/


.pagelink .pagename{
  display: inline-block;
  position: relative;
  width: auto;
  padding: 5px;
  margin-left: 20px;
  font-size: 12px;
  background-color: white;
  visibility: hidden;
  white-space: nowrap;
}

.pagelink:hover .pagename{
  visibility: visible;
  position: absolute;
  z-index: 20;
}

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

a, a:visited{
    color:#371F10;
    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 */

