@font-face {
    font-family: 'Xpress';
    src: local('Xpress Heavy'), local('Xpress-Heavy'),
        url('Xpress-Heavy.woff2') format('woff2'),
        url('Xpress-Heavy.woff') format('woff'),
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


body {
  background-color: #000000;
  background-image: url('galaxia.jpg');
  margin: 0;
  color: #00ffff;
  font-family: Trebuchet, Tahoma, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: 300;
  width:100%;
  }
  
h1 {font-size: 1.6em; line-height: 1.2em; color: teal;}

h2 {font-size: 1.6em; 
	line-height: 2.6em;
	text-align: center;
	margin: 10px;}

h3 {font-size: 1.15em; color: #FF80FF;}
h5 {font-size: 1em;
font-weight: bold;}

a:link {color: #ffff00; text-decoration: underline;} 
a:visited {color: #00FF00;}
a:active {color: #FF0080;}
a:hover {color: #ff0fd5;}
  
ul {list-style-type: none;}

li {margin: 1em 2em;}
  
hr {
	margin:auto;
	margin-top: 32px;
	margin-bottom: 32px;
}
  

.xpress {
	font-face: 'Xpress', 'Xpress Heavy', Impact, 'Arial Black', sans-serif;
}


  
.main {
	width:90%;
	max-width: 800px;
	margin: 20px auto; 
	padding: 20px 40px 0 40px;
	background: rgba(0,0,0,1.0);
	}
  

.main h1 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 15px 0 15px 0;
	color: #fff;
	background-color: #000000;
}


.indent {
	margin: 1em;
	padding-left: 2em;
	padding-bottom: 1em;
}


@media only screen and (max-width: 700px) {



.main {width: 96%;
	padding: 20px 5px 10px 5px;
	margin: auto;}
img {max-width: 100%;}
  }