@font-face {
  font-family: "DOS"; 
  src: url('Px437_DOS-V_re_ANK24.woff2') format('woff2');
}

body {
  background-color: #0C090A; 
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family: "DOS", "Courier New", Courier, monospace;
	font-size: 1.125em; 
	/*font-weight: bold;*/
	text-align: center;
	/*cursor: url(http://www.rw-designer.com/cursor-extern.php?id=130797), auto;*/
}

/*a:hover {cursor:url(http://www.rw-designer.com/cursor-extern.php?id=130801), auto;}*/

pre {
  font-family: "DOS", "Courier New", Courier, monospace;
  font-size: 0.8em; /*25;*/
}

.content {
  border-style: double; 
	border-color: white;
	height: 700px; 
	width: 700px; 
	margin: 50px auto;/*50px 50px;*/ 
	color: white;
	background-image: url("dither_stars.png");
	background-size: cover;
	background-position: center;
}

.jcontent {
  text-align: justify; 
}

mark {
  background-color: rgba(0, 0, 0, 0.2);
}

a {
  color:white; 
  text-decoration: none;
}

.menubar a {
  margin: 0px 0px; 
  padding: 0px 5px; 
  color: white; 
  text-decoration: none
}

.outline:hover
{
    text-shadow: -1px -1px 0 dodgerblue, 1px -1px 0 dodgerblue, -1px 1px 0 dodgerblue, 1px 1px 0 dodgerblue;
}


/* container */
.three-columns-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr; 
    align-items: center;
}
/* columns */
.three-columns-grid > * {
    padding:1rem;
}

/*#waterlevel {width: 500px;}*/