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: auto; width: auto; position: fixed; left:0%; z-index: 10; } .pagelink{ /* display:table-cell; text-align:center; vertical-align:middle;*/ display: inline-flex; justify-content: center; align-items: center; position: fixed; /*display: block;*/ left:0px; width:25px; height:25px; padding:10px; background-color: white; z-index: 2; font-size: 24px; /*text-align: justify;*/ 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{ background-color: white; } .pagelink a{ text-decoration: none; } /*.pagelink a:active{ background-color: #0BEFEB; } .active .pagelink:after{ background-color: #0BEFEB; }*/ .pagename{ align-items: center; width:auto; text-align: left; } .pagelink .pagename{ display: inline; position: absolute; width: auto; padding: 5px; margin-left: 160px; 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 */