@font-face {
    font-family: 'startrek-main';
    src: url('fonts/Startrekfuture-EK6e.ttf');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'startrek-main';
    src: url('fonts/StartrekenterprisefutureItalic-a4KK.ttf');
    font-weight: normal;
    font-style: italic; 
}

@font-face {
    font-family: 'stardate';
    src: url('fonts/Stardate81316-aolE.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'finalfrontier';
    src: url('fonts/FinalFrontier-BEd.ttf');
    font-weight: normal;
    font-style: normal;
}

h1 {
    text-transform: uppercase;
    text-align: center;
    color: yellow;
    font-size: 150px;
    font-family: 'startrek-main', cursive;
    font-style: italic;
    padding: 0px;
    margin: 0px;
}

h2 {
    text-align: center;
    color: yellow;
    font-size: 60px;
    font-family: 'stardate', cursive;
    font-weight: lighter;
    margin-bottom: .2em;
}

h3 {
    text-align: center;
    color: yellow;
    font-size: 25px;
    font-family: 'finalfrontier', cursive;
    margin-bottom: .2em; 
}

p {
    color: yellow;
    font-family: 'Courier New', Courier, monospace;
}

nav a 	{
    color: black;
    text-decoration:none;
}

nav a:hover {
        list-style-type:none;	
        text-decoration: underline;
}

img {
    max-width: 100%;
    object-fit: contain;
}

ul.navlist {
    color: black;
    font-family: 'finalfrontier', cursive;
    font-size: 18px;
}

ul.contentlist {
    color: yellow;
    margin-left: 1em;
    margin-bottom: 1em;
    font-family: 'Courier New', Courier, monospace;
}

li {
    margin-top: .6em;
    margin-bottom: .6em;
}

p.black {
    color:black;
}