::-webkit-scrollbar {
width: 12px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #fff;
background-image: url(https://i.imgur.com/Qtm9Z60.png);
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
::-webkit-scrollbar-track {
background-color: #fff;
background-image: url(https://i.imgur.com/IGXGYKz.png);
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/WhC8iy3.png);
width: 12px;
height: 16px;
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/fQ18mrR.png);
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 12px;
height: 16px;
}
::selection{
background-color:grey;color:black;
}
html {
background-image:url(../images/backgrounds/tt01.jpg);
    background-attachment: fixed;
background-position:right top;

font-family: courier new;
cursor: url(../images/cursors/94.png),auto;
font-size:12px;
}
a:hover{cursor: url(../images/cursors/94.png),auto;
}
#atun{
width:950px;
columns:6 200px;column-wrap: wrap !important;    column-gap: 0px;
column-fill: balance;
}
#onigiri{}
#manga{
font-family:monospace;
overflow:hidden;
max-width: 200px;
height:auto;
padding:5px!important;
margin:7px!important;
border:1px outset white;
background-image:url(../images/backgrounds/con1.png);
overflow:hidden;
line-height:90%;
}
#manga, #sidebar {
  /* Adds animation that runs on load */
  animation-name: move-up;
  animation-duration: 1.4s;
  animation-timing-function: steps(7, end);
  /* Adds transition */
  transition: 1s;
  /* Safari versions 8 and older */
  -webkit-animation-name: move-up;
  -webkit-animation-duration: 1s;
  -webkit-transition: 0.5s;
}
#manga:hover .tags{
opacity:1;
transition:0.8s;margin-left:4px;
}
#manga img{image-rendering: pixelated;
max-width:200px;
opacity:0.7;
transition:0.8s;transition-timing-function: steps(7, end);
}#manga:hover .mangaimg{
opacity:1;
transition:0.8s;
margin-left:90px;transition-timing-function: steps(7, end);
}
.mangaimg:hover .tags{opacity:1;}
span.title::before {content:url(../images/sz/star7.gif);padding-right:2px;} span.title{font-weight:bold;}
span.tag::before {content:url(../images/sz/tag1.gif);padding-right:2px;}
span.author::before{content:url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/pushpin.gif);padding-right:1px;}span.author{letter-spacing:-1px;font-style:italic}span.artist::before{content:url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Lapis.gif);padding-right:1px;}span.artist{letter-spacing:-1px;font-style:italic}
.tags{
position:absolute;
width:80px;
color:white;color:black;
opacity:0;transition:0.4s;
font-size:10px;
}#pagination {
    text-align: center;

margin:7px;
}

#pagination button {
    font-family: "Courier New";
    border: none;
    background: none;
    color: gray;
    margin: 1px;
    cursor: url(../images/cursors/94.png),auto;font-size:11px;
}

#pagination button.current {
    font-weight: bold;

    color: black;
}
#sidebar{width:220px;padding:5px;margin:2px;text-align:center;line-height:80%}#avatar{border:1px dotted gray;width:80px;margin:8px;}a.link{background-color:black;color:white;text-decoration:none;padding:4px;font-size:10px;}a.link:hover {text-decoration:line-through;}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
  }
  .modal img {
    max-width: 90%;
    max-height: 90%;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
  }h4{font-size:15px;background-color:black;color:white;text-align:center;margin:0px;}
  
  @keyframes move-up {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes move-up {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.modal img {
  /* Adds animation that runs on load */
  animation-name: fade;
  animation-duration: 0.3s;
  animation-timing-function: steps(4, end);
  /* Adds transition */
  transition: 0.3s;

}
  
  @keyframes fade {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}