@font-face { font-family: VT323; src: url(../fonts/VT323-Regular.ttf); }
@font-face { font-family: 'Erika Type'; src: url(../fonts/ErikaType.ttf); }
html { background: #000; }
body { margin: 0; padding: 0; font-family: 'Erika Type', monospace; line-height: 1.5; font-size: calc(0.6em + 1.6vmin); color: #000; background: #fff; }
h1 { color: #c33; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }
h1, h2, h3, h4, h5, h6, p { margin: 10px 0; }
a { color: #c33; text-decoration: none; }
a:hover { text-decoration: underline; }
input, textarea { font-family: inherit; width: 100%; padding: 5px; border: 1px solid silver; }
input[type=button], input[type=submit], button { font-family: inherit; width: auto; background: #c33; border-radius: 50%; color: #fff; border: none; cursor: pointer; padding: 15px; margin: 10px 0; }
input[type=button]:hover, input[type=submit]:hover, button:hover { transform: rotate(-10deg); font-style: italic; }
.ultrawide { margin: 0 auto; max-width: 1920px; } 
.container { margin: 0 auto; max-width: 960px; }
.header { background: #c33; color: black; padding: 5px 15px; }
.logo { font-family: VT323; font-size: 4.5vh; letter-spacing: -2px; color: }
.menu { font-size: 75%; font-weight: bold; }
.color2 { color: #fff; }
.navicon { font-size: 3.7vh; cursor: pointer; float: right; }
.footer { text-align: center; font-size: small; font-style: italic; background: black; color: gainsboro; padding: 15px; margin-top: 15px; }
.left { width: 50%; height: 100%; overflow: hidden; display: table-cell; }
.intro { display: table-cell; height: 100%; overflow-y: auto; font-size: calc(0.6em + 2.2vmin);  }
.bpintro { object-fit: cover; object-position: 50% 50%; width: 100%; height: auto; }
.DonateForm input[type=image] { width: 125px; border: none; }
/* Pager */
nav ul { list-style-type: none; margin: 15px 0; padding: 0; }
nav li { padding-right: 5px; display: inline; }
nav a.active { color: inherit; }
/* Tables */
table { border-collapse: collapse; width: 100%; }
table, td, th { border: 1px solid black; }
th, td { padding: 10px; text-align: left; }
.divtable { overflow-x: auto; }
#info td { text-align; center; }
@media only screen and (max-width: 768px) {
body { font-size: 100%; }
.left { width: 100%; max-height: 250px; padding: 0; margin: 0;  }
.intro { height: auto; }
.menu { display: none; }
}@media print {
	body { font-size: 100%; font-family: monospace; }
   .header, .footer, .noprint { display: none !important; }
}