body {
  display: flex;
  flex-direction: column; 
  font-size:12px;
  font-family: "Lucida Sans", sans-serif;
  color: #ffffff;
  background: #190718 url('../images/spacetile.gif') center center repeat;
    background-size: 1rem;
  }
  
.main {
  display: flex;
  flex-direction: column; 
  margin: 0 auto;
  margin-top:0rem;
  margin-bottom:2.813rem;
  border:0.25rem solid #250534;
  width:37.5rem;
  border-radius:0.188rem;
  }
  
/*Box to contain header image*/
.header {
  display: flex;
  align-items: center;
  flex-direction: column; 
  padding:0rem;
   }
   
.header img {
  display: flex;
  align-items: center;
  padding:0rem;
  }
  
/*Inner text area inside main div, below the header and image.*/
.text {
  display: block; 
  background:#190718;
  padding:1.563rem;
  }
  
.highlight {
    color:#00FFEE;
    background: none;
}
  
/*Prevent overflow of large images in main text areas.*/
.text img {
  flex-direction: column; 
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

/*Used for the header below the header image.*/
.sub {
  display: flex;
  flex-direction: column; 
  font-size:16px;
  font-weight:bold;
  color:white;
  background:#250534;
  padding-top:0.188rem;
  padding-bottom:0.375rem;
  text-align:center;
  }  

/*Classes for links section.*/
.links {
  display: flex;
  flex-direction: column;  
  font-size:12px;
  color:white;
  background:#250534;
  padding-top:0.063rem;
  padding-bottom:0.313rem;
  text-align:center;
  }
 
/*Links are put into a ul list element*/ 
.links ul {
  list-style-type: none;
  margin:0rem;
  padding: 0;
  }
  
/*Use li for the individual links*/
.links li {
  list-style-type: none;
  display: inline-block;
  padding: 0.188rem 0.625rem 0.188rem 0.625rem;
  margin: 0.188rem 0.125rem 0.188rem 0.125rem;
  background: #5f0228;
  }
  
.links a {
  color: #fff;
  text-decoration:none;
  font-weight:bold;
  }
  
.links li:hover { /*The color link buttons turn when hovered over*/
  background: #774459;
  }
  
.footer {
  display: flex;
  flex-direction: column; 
  font-size:8px;
  color:white;
  background:#190718;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  text-align:center;
  }
  
a {
  color:#00FFEE;
  background: none;
  }
  
h1 {
 line-height: 0.25rem; 
}

h2 {
  text-align:center;
}

@media(max-width:640px) {
   .main {
    margin-top:0.938rem;
    margin-bottom:0.938rem;}
  }