:root {
    --brown: #241C1C;
    --white: #FBF7F1;
    --accent: #2E4A3F;
}
@font-face {
  font-family: 'MSGothic';
  src: url('../fonts/msgothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
    background-color: var(--white);
    font-family: 'MSGothic', sans-serif;
    font-size: 13px;
    color: var(--brown);
    image-rendering: pixelated;
}
::selection {
    background-color: var(--accent);
    color: var(--white);
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border: 1px dotted var(--brown);
    -webkit-transition: 0.25s;
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--brown);
    -webkit-transition: 0.25s;
}