body {
    background-image:url("redish.gif");  
  background-color:red;
  background-blend-mode: multiply;
  width:100%;
 height:500px;
  overflow:scroll;
  margin:0px auto;
  overflow-x:hidden;
     z-index: -2;
     background-repeat: repeat;
     background-attachment: fixed;
     font-family: Courier;
}

 a:hover {
     font-style: italic;
}
 u:hover {
     font-style: italic;
}
 .container {
     padding: 40px;
     margin-left: 10%;
     margin-right: 10%;
     text-align: center;
     position:relative;
}
 .infobox {
     width: auto;
     height: auto;
     margin-right: 5%;
     margin-left: 5%;
     border: 2px solid;
     padding: 10px;
     z-index: 99;
}
 .mapbox {
     text-align: left;
     font-size: 20px;
     font-weight: bold;
     width: 50%;
}
 img {
     image-rendering: pixelated;
}

hr {
    border: 1px solid;
  }
li {position: relative;}
.footer {
  text-align: center;
    margin: auto;
    min-width: 50%;
    max-width: 500px;
    padding: 5px;
    margin-top: 5px;
  }
  
.navjects {
  background:var(--navjects);
  background-size:contain;
  background-repeat:no-repeat;
  float:right;
  }
  
.divider {
  background:var(--divider);
  background-size:contain;
  background-repeat: repeat no-repeat;
  max-width: 574px;
  width:100%;
  height: 24px;
  margin: auto;
  }

.new:after {
  content: url(/assets/new.gif);
  height: 12px;
  width: 35px;
  position: absolute;
  right: -10px;
  bottom: 16px;
  pointer-events: none;
  }

.warning:after {
  content: url(/assets/warning.gif);
  height: 12px;
  width: 35px;
  position: absolute;
  right: -10px;
  top: 16px;
  pointer-events: none;
  }
  
#blinkie1, #blinkie2, #blinkie3 {
  width: 150px;
  height: 20px;
  display: inline-block;
  background-size: 150px 20px;
  background-repeat: no-repeat;
  }

#blinkie1 {background: var(--blink1);}
#blinkie2 {background: var(--blink2);}
#blinkie3 {background: var(--blink3);}

/* fonts */  
@font-face {
  font-family: maquinadeescreve;
  src: url(fonts/JMHTypewriter.ttf);
  }