.ttl { display: block;
	margin-left: auto;
	margin-right: auto;
}
.butt { 			filter: invert(100);

}
    .main {
        position:fixed;
	background-attachment: absolute;
        top:0;
        right:0;
width:75vw;
	}
#right { 	right: 1vw;
	top: 10vw;
	    position: fixed;
	padding-bottom: 2vw;
	    position: fixed;
	
}
div.best { 
	right: 20vw;
	top: 10vw;
	width: 60vw;
	bottom: 2vw;
	    position: fixed;
	
background-image: url(retro/back.gif);
	background-size: cover;
}
.est { text-align: left; 
	margin-bottom: auto;
  margin-left: 10vw;
  font-family: monospace;

}
hr { width: 16vw;
	text-align: left;
    margin-left: 1vw;
	border-top: solid 5px #5f865f;
	border-bottom: solid 5px #5f865f;
	border-radius: 1vw;
}
div.men { background-image: url(retro/bb.gif);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 10vw;
	width: 17vw;
	padding-top: 2vw;
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	box-shadow:
    inset 0 0 0 5px #eba0ac,
    inset 0 0 0 10px #ffffe4;


}
div.footer  {
    clear: both; /*may be omitted*/
    position: fixed;
    bottom: 0;
    left: 20vw;
    padding-bottom: 20px;

    background-image: url(retro/bot.gif);
    background-size: cover;
    font-size: 20px;
    width: 80vw;
    height: 2vw; /* or anything you like */
 }

pre.jk { background: #e6e8db;
	display:inline;
	text-align: left;
	margin-left:10vw;
}




img {
	  image-rendering: pixelated;
  }




body{
image-rendering: pixelated;
   margin-top: 0;
	background: url('retro/14.gif'), url(retro/d2.gif);
    background-attachment:fixed;


}
img.m {
	border: solid 0.3vw #2a2a2a;
	background-color: #d0d0d099;
}
p {
  width: 50vw;
  color: #d0d0d0;
  text-align: center;
  font-size:1.2vw;
  font-weight:bolder;
  border : 10px;
  border-color: #4895dd;
}
.image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
  }
  .imag {
    position: inherit;
    margin-top: 9vw;
    margin-bottom: 0vw;
    display: block;
    margin-left: 40vw;
    margin-right: 0vw;
    width: 10%;
    }

a {
    color: #aa4f5f ;

}
    div.toc{
        position:fixed;
	background-attachment: absolute;
	top:0;
        left:0;
        width:20vw;
        overflow-x:hidden;
        overflow-y:scroll;
        height:100%;
        background: #3a3a3a;
	z-index:200;
	user-select:none;
	    scrollbar-width: none;  /* Firefox */
    }
div.toc::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}


li {
	background-attachment: fixed;
    list-style: none;
    padding: 5px;
    font-size: 25px;
    color: transparent;
    text-decoration: underline;
  }
a.toc { color: #c3ffc7;
	background-color: #ae9dc9;
font-family: C059;
padding: 0.3vw;
text-shadow: 2px 0px #ffbfc9;

	    margin: 3px;
    }
    a.tab { color: #3a3a3a;
font-family: monospace;
border-style : solid;
text-shadow: 1px 0px #5f865f;
background-color: #d0d0d099;
padding-left: 0.3vw;
padding-bottom: 0.5vw;
font-size: 1.3vw;

    }
        a:link{text-decoration:none}
    a:visited{text-decoration: none;}
   a:hover{
    background: linear-gradient(to left, #85add4, #5f865f , #d8af5f, #d68787);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-size: 400% 100%;
}

   a:active{text-decoration: none;}

  @keyframes anim{
    0%{
      transform: translateX(15px)
    }
    25%{
      transform: translateX(-15px);
    }
      
    50%{
      transform: translateX(15px);
    }
    75%{
     transform: translateX(-15px);
    }
    100%{
      transform: translateX(15px);
    }
  }