/**********************************************SCROLLBAR****************************************/


::-webkit-scrollbar {
width: 13px
}

::-webkit-scrollbar:horizontal {
height: 13px
}

::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
border-radius: 5px;
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
border-radius: 5px;
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 5px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
}

::-webkit-scrollbar-thumb:vertical {
background: linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
}

::-webkit-scrollbar-thumb:horizontal {
background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 8x
}

::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background: url("https://seralyn.neocities.org/css/custom-scrollbars/scroll3.png"), #eee;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
border: 1.5px solid #888;
border-radius: 5px;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}

::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background: url("https://seralyn.neocities.org/css/custom-scrollbars/scroll4.png"), #eee;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
border: 1.5px solid #888;
border-radius: 5px;
}

::-webkit-scrollbar-button:horizontal {
width: 8px
}
::-webkit-scrollbar-button:horizontal:start:increment {
display: none;
}
::-webkit-scrollbar-button:horizontal:end:decrement {
display: none;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
background: white;
background: url("https://seralyn.neocities.org/css/custom-scrollbars/scroll5.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 5px;
border: 1.5px solid #888;
}

::-webkit-scrollbar-button:horizontal:end:increment {
background: white;
background: url("https://seralyn.neocities.org/css/custom-scrollbars/scroll6.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 5px;
border: 1.5px solid #888;
}


img.thumb,
a.thumb:active img,
a.thumb:link img,
a.thumb:visited img {padding: 6px;
background-image: url();
background-color: #f0f0f0;
background-position: top left;
border: 1px solid #f5f5f5;
margin: 2px;
-webkit-border-radius: 5px;
border-radius: 5px;
}