/** Basics **/
:root {
    --primary-color: #EDECE9;
    --primary-dark-color: #B4BBBD;
    --outline-color: #656065;
    --text-color: #444343;
}

@font-face {
    font-family: 'MS Sans Serif';
    font-weight: 400;
    src: url('ms-sans-serif.ttf') format('truetype');
}

@font-face {
    font-family: 'MS Sans Serif';
    font-weight: 700;
    src: url('ms-sans-serif-bold.ttf') format('truetype');
}

body {
    font-family: 'MS Sans Serif', sans-serif;
    background-color: var(--primary-color);
    margin: 0;
    padding: 10px;
    color: var(--text-color);
    cursor: url('../assets/curseher.gif'), auto;
}

a:hover {
    background-color: var(--primary-dark-color);
}

img {
    max-width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 4px;
}

table, th, td {
    border: 1px solid var(--text-color);
}

/** Scrollbar **/
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar:horizontal {
    height: 17px;
}

::-webkit-scrollbar-corner {
    background: var(--primary-dark-color);
}

::-webkit-scrollbar-track {
    background-color: var(--primary-dark-color);
}

::-webkit-scrollbar-thumb {
    background-color: #ff76e8;
    box-shadow: inset -1px -1px var(--outline-color), inset 1px 1px #fff, inset -1px -1px var(--outline-color), inset 1px 1px #ffdde1;
}

::-webkit-scrollbar-button {
    background-color: #ff76e8;
}

::-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:start {
    background-image: url("../assets/scrollbar-up.png");
    height: 17px;
}
::-webkit-scrollbar-button:vertical:end{
    background-image: url("../assets/scrollbar-down.png");
    height: 17px;
}
::-webkit-scrollbar-button:horizontal:start{
    background-image :url("../assets/scrollbar-left.png");
    width: 16px;
}
::-webkit-scrollbar-button:horizontal:end{
    background-image: url("../assets/scrollbar-right.png");
    width: 16px;
}