body {
  background-color: black;
  background-image: url("https://whatitmeans.neocities.org/logos/translogo.png");
 background-position: top left repeat;
 background-size: 70px;
  color: white;
  font-family: Verdana;
  width:80%;
        margin-left:auto;
        margin-right:auto;
  align-items: center;
 
}



h1, p { 
   text-align: center;
  
}

.maincontent {

width:100%;
        margin-left:auto;
        margin-right:auto;
height: 90vh;
border: none;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #910000;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  color:black;
  background-color: #fd9201;
}

.header {
  display: flex;
  flex-flow: column;
  align-items: center;
 margin: auto; 

}

.header a {
   display: flex;
  flex-flow: column;
  align-items: center;

  
}