body {
    font-family: monospace !important;
    /*font-family: Courier;*/
    background-attachment: fixed;
    background-color: #fcfcfc;
    color: #000000;
    /*font-size: 12px;*/
    font-size: 1em;
    
}

h1 {
	/*display: block;*/
	font-size: 2em;
	margin-top: 30px;
	/*border-bottom: 1px solid black;*/
	text-shadow: 1px 1px 4px #b0b0b0;
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
}

nav li {
  float: left;
}

nav li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav li a:hover:not(.active) {
  background-color: #dddddd;

}

nav li a.active {
  color: white;
  background-color: #ADD8E6;
}

img.gpl {
  padding: 7px 25px;
}

img.scr {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 300px;
  height: 300px;
}

img.scr:hover {
  /*box-shadow: 0 0 2px 1px #b0b0b0;*/
  box-shadow: 0 0 2px 1px rgba(68, 85, 90, 0.5);
}

pre.title {
    font-family: monospace !important;
    font-size: 1em;
    text-shadow: 1px 1px 4px #c0c0c0;
    padding: 1em 1em 1em 1em; 
}

.comm {
  padding: 5px 5px 5px 5px; 
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
  box-shadow: 1px 1px 4px #f3f3f3;
}

.cent {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

#cpr {
  text-align: center;
  color: #CDCDCD; 
}