@font-face {
  font-family: DooM; src: url('DooM.ttf');
}

@keyframes bg {
  from   {background-position-x: 0px;}
  to   {background-position-x: 128px;}
}

iframe {
  border: 0;
}

body {
  background-color: #BDE8D4;
  background-image: url(fireblu.gif);
  background-size: 128px 128px;
  background-position: 0px 0px;
  animation: bg 5s linear infinite;
  font-family: DooM;
  color: #b30000;
  
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.width {
  max-width: 800px;
  margin-left: auto; 
  margin-right: auto
}
.bg, .menu {
  border: 2px solid black; 
  background-image: url(MWALL6_1.gif); 
}

.menu {
  width: 128px;
  float: left;
}

.bg {
  float: right;
 width: 648px;
}  
header {
  max-width: 796px; 
  border: 2px solid black; 
  background-image: url(MWALL6_1.gif);
  margin-left: auto; 
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}

hr {
  border: 0px; 
  background-image: url(divider.png); 
  height: 41px; 
  margin: 0px;
  padding: 0px;
}

p, li {
  font-size: 16px;
  background: radial-gradient(
    #ff0000,
    #5b0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #430000; /* Outline color and width */
  margin: 8px;
  background-size: 17px 21px;
  background-repeat: repeat;
}

li {
  text-decoration: none;
  list-style-type: none;
}

ul {
  padding-left: 0.5em;
}

p, img, table {
  margin-left: auto; 
  margin-right: auto; 
  max-width: 800px; 
  text-align: center;
}

p img {
  font-size: 16px;
}

a {color: crimson}

a:hover {color: white;}

td img {border:1px solid white;}