body {
    background-color: #282828;
    color: #ddd;
    font-size: 2vh;
}

a {
    color: #f39c12;
    text-decoration: dotted underline;
    cursor: help;
}

.center-images img{
    display:block;
    margin: auto;
}

a:hover {
    text-decoration: wavy underline;
}

span[title] {
    /*text-decoration: underline dotted;*/
    cursor: help;
}

@media screen and (orientation:portrait) {
    body {
        font-size: 16px;
    }
    
    .center-images img{
        width: 100%;
    }
}

@font-face 
{
    font-family: anaeve;
    src: url(/anaeve.ttf) format('truetype');
}

/* so that it's printer friendly */
@media print {
    body { 
        background-color: #FFFFFF; 
        background-image: none; 
        color: #000000;
    }
    
    #navigation, footer { 
        display: none;
    }
    
    article {
        max-width: 100%;
        background: none;
        font-size: 1em;
    }
    
    a {
        color: blue;
        text-decoration: underline;
    }
}

/* stolen from https://github.com/jdan/98.css/blob/main/style.css */

::-webkit-scrollbar-track {
  background: #C0C0C0;
}

::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;
}

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

::-webkit-scrollbar-button:vertical:start {
  height: 17px;
  background-image: url("/images/button-up.svg");
}

::-webkit-scrollbar-button:vertical:end {
  height: 17px;
  background-image: url("/images/button-down.svg");
}

::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-corner {
  background: #dfdfdf;
}