::-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:#798f53;color:white;
}
html {
background-image:url(../images/backgrounds/17A.png);
    background-attachment: fixed;
background-position:left bottom;

font-family: ms pgothic;
cursor: url(../images/cursors/122.png),auto;
font-size:11px;
}a:hover{cursor: url(../images/cursors/122.png),auto;}
#atun{
width:1050px;
columns: 5 220px;
    column-gap: 0px;column-wrap: wrap !important;
column-fill: balance;
margin-left:240px;
}
#vn{
font-family:monospace;
overflow:hidden;
max-width: 260px;
height:auto;
padding:3px!important;
margin:7px!important;
border:1px solid gray; border-radius:5px;
background-image:url(../images/backgrounds/pixel/17.png);
overflow:hidden;
line-height:80%;
}
#vn:hover .tags{
opacity:1;
transition:0.8s;
}
#vn img{image-rendering: crisp-edges;
max-width:240px;
opacity:0.8;border-radius:5px;
transition:1s;
    transition-timing-function: ease;
}#vn:hover .mangaimg{
opacity:1;
transition:1s;
margin-left:110px;
    transition-timing-function: ease;
}
.mangaimg:hover .tags{opacity:1;}
span.title{font-weight:bold;letter-spacing:-1px;}
span.title::before {content:url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/mini-icone16.gif);padding-right:3px;}
span.tag::before {content:url(../images/sz/tag1.gif);padding-right:1px;}
.tags{
position:absolute;
width:100px;

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: 1px dashed #e49e07;
    background: #fef0d2;
    color: #d39d29;
    margin: 1px;
    cursor: pointer;font-size:11px;
}

#pagination button.current {
    font-weight: bold;
    background: #d39d29;
    color: white;
}
#sidebar{position:fixed;width:200px;padding:5px;float:left;margin:5px;text-align:center;line-height:90%}#avatar{border:1px dotted gray;width:180px}
a.link::before{content:url(../images/sz/clover.png);padding-right:3px;}a.link:hover {text-decoration:line-through;}
span.date::before{content:url(http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/dataa-1.gif);padding-right:2px;}span.date{letter-spacing:-1px;}
span.comment::before{content:url(http://i205.photobucket.com/albums/bb186/mhilkas/Currently/pensando.gif);padding-right:2px;}span.comment{padding-bottom:10px;}.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);
  }
#vn, #sidebar {
  /* Adds animation that runs on load */
  animation-name: slide;
  animation-duration: 0.7s;
  animation-timing-function: steps(10, end);
  transition: 0.7s;
  /* Safari versions 8 and older */
  -webkit-animation-name: slide;
  -webkit-animation-duration: 0.7s;
  -webkit-transition: 0.5s;
}
  
  @keyframes slide {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

@-webkit-keyframes slide {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}
.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;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}