body    {
        max-width: 800px;
        margin: 0 auto;
        padding: 0px 10px;
        line-height: 1.0em;
        background-color: #000;
        overflow-y: scroll;
        height: 100%;
        background-image: url("/vb/img/background.png");
        }

p       {
        padding: 0px 10px;
        }

.vbfont {
        font-family: VBFont;
        font-size: 28px;
        }

.vbfont p {
        line-height: 0.9em;
        text-align: justify;
        margin-left: 20px;
        margin-right: 20px;
        }

.vbfont h1, h2, h3 {
        font-size: 45px;
        }

.vbfont a:link {
        text-decoration: underline;
        }

.vbfont a:visited {
        text-decoration: underline;
        }

.vbfont strong {
        text-shadow: rgba(255,0,0,0.8) 10px 0px 0px;
        }

.slum   {
        background-color: #222222;
        padding: 15px 0px 10px 10px;
        display: flex;
        align-items: center;
        }
        
.slum a {
        font-size: 30px;
        font-weight: bold;
        text-shadow: rgba(255,0,0,0.8) 10px 0px 0px;
        }

a:link  {
        text-decoration: none;
        color:rgba(0,255,255,0.8);
        text-shadow: rgba(255,0,0,0.8) 10px 0px 0px;
        }

a:visited {
        text-decoration: none;
        color:rgba(0,255,255,0.8);
        text-shadow: rgba(255,0,0,0.8) 10px 0px 0px;
        }

table   {
        width: 90%;
        margin: auto;
        }

th, td {
        height: 10px;
        }

td      {
        background: #111;
        }

.menu   {
        padding: 10px;
        }

.menu li, .menu ul {
        display: inline;
        margin: 0px;
        padding: 0px;
        }

.menu a, .menu a:link, .menu a:visited {
        text-decoration: none;
        font-weight: bold;
        background: #353535;
        padding: 3px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 0px 4px;
        border: 0px;
        color:rgba(0,255,255,0.8);
        text-shadow: rgba(255,0,0,0.8) 4px 0px 0px;
        }

.menu a:hover {
        background: #555
        }

.navbar {
        background-color: #222222;
        height: 38px;
        border-radius: 0px 0px 5px 5px;
        }

pre     {
        padding: 5px;
        background-color: #222;
        color: #fff;
        border-style: solid;
        border-width: 1px;
        border-left-width: 8px;
        border-color: #424C55;
        margin: 0px 70px;
        overflow: auto;
        }

blockquote {
        border: 24px solid transparent;
        border-image-source: url('/vb/img/border.png');
        border-image-slice: 49 53 49 46 fill;
        border-image-width: 32px;
        border-image-outset: 0px 0px 0px 0px;
        border-image-repeat: round round;
        }

hr      {
        border: none;
        }

h2      {
        border-bottom: 2px solid #000;
        padding-bottom: 2px;
        margin-top: 40px;
        }

h1, h2, h3 {
        margin-left: 10px;
        margin-right: 10px;
        text-shadow: rgba(255,0,0,0.8) 10px 0px 0px;
        text-align: center;
        }

footer  {
        border: 1px;
        border-radius: 5px 5px 0px 0px;
        background: #222222;
        margin-top: 10px;
        padding: 10px 0px 10px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        }

img     {
        margin: auto;
        display: block;
        }

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

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

::-webkit-scrollbar-thumb {
        background: rgba(0, 255, 255, 0.8);
        border-radius: 3px;
        -webkit-box-shadow: inset -3px 0 0 0 rgba(255, 0,0,0.8);
        }