body {
  background-image: url("techimage.png");
  background-repeat: repeat;
  background-position: center;
  background-attachment: local;
  background-size: cover;
}
h1 {
  position:static;
  top:20%;
  text-align: center;
  font-family: serif;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px red;
  border-style:outset; 
  border-color:firebrick;
  border-width:thick;

  }
.navbar{
  display:flex;
 
  position:static;

  }
ul{
   list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height:100%;

}
li a {
  display:block;
  text-align:center;
  font-family: monospace;
  font-weight:900;
  font-variant:small-caps;
  font-size:200%;
  text-decoration:none;
  color: #00ff00;
 
  

}
li a:hover{
  color:#123E0A;
  background-color:#F1F5F0;
  
  } 
li a:active { 
  color:#123E0A;
  background-color: #F1F5F0;
  text-decoration-line: underline;
  text-decoration-color: red;
  
  } 
.center {
  background-color:#242424;
  opacity: .83;
  border-style:outset; 
  border-color:firebrick;
  border-width:thick;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:50%;
  
  margin-top:inherit;
} 
p {
  position:static;
  text-align:center;
  font-family: "ubuntu", monospace;
  color:#00ff00;
  }