body {
 background-color: #0000ff;
 color: #ffffff;
 font-size: Medium;
 font-family: "Century Gothic", sans-serif;
 font-weight: normal;
 padding-left: 2em;
 padding-right: 2em;
}

h1 {
 color: #00ff00;
 font-size: 7em;
 font-weight: normal;
 font-family: "Bauhaus 93", sans-serif;
}
h2 {
 color: #00ff00;
 font-size: 2em;
 font-weight: normal;
 padding-left: 3em;
}
img {
 border: none;
}
img.logo {
 float: right;
 padding-right: 6em;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.menu {
 position: fixed;
 right: 0;
 top: 50%;
 width: 8em;
 margin: -3.5em 0 0 0;
 z-index: 5;
 background: rgba(0, 255, 0, 0.7);
 color: white;
 font-weight: bold;
 font-size: 1.25em;
 text-align: left;
 border: solid hsla(80, 90%, 40%, 0.5);
 border-right: none;
 padding: 0.5em 1em 0.5em 0.5em;
 box-shadow: 0 1px 3px black;
 border-radius: 3em 0em 0em 3em;
}
.menu ul li {
 margin: 0;
 list-style: none;
}
.menu a {
 color: inherit;
 font-weight: normal;
 text-decoration: none;
}
.menu ul li a:link:hover, .menu ul li a:visited:hover {
 color: #ffffff;
 text-decoration: underline;
}
.menu span.ms {
 font-family: "Bauhaus 93", sans-serif;
}

.footer {
 font-family: "Century Gothic", sans-serif;
 font-size: xx-small;
 font-weight: normal;
 color: #00ff00;
 text-align: center;
 clear: right;
 #border-top: 1px solid #c0c0c0;
}

.header {
 padding: 0em 1em 1em 1em;
}
.header h1 {
 padding-top: 0.4em;
 color: #00ff00;
 font-size: 3em;
 font-weight: normal;
 font-family: "Bauhaus 93", sans-serif;
}
.header img {
 border-radius: 8px;
 float: right;
}

#features {
 padding: 1em;
 font-size: 1.2em;
 text-align: left;
 width: 80%;
}
#features h3 {
 font-weight: bold;
}
#features span.ms {
 font-family: "Bauhaus 93", sans-serif;
}

#support {
 padding: 1em;
 font-size: 1.2em;
 text-align: left;
 width: 80%
}
#support h2 {
 font-size: 2em;
 padding-left: 0em;
 color: #ffffff;
}
#support h3 {
 font-weight: normal;
 padding-left: 1em;
}
#support a:link {
 #font-size: 1.2em;
 color: #ffffff;
 text-decoration: none;
}
#support a:visited {
 color: #ffffff;
}
#support a:hover {
 color: #ffffff;
 text-decoration: underline;
}
#support span.ms {
 font-family: "Bauhaus 93", sans-serif;
}

#company {
 padding: 1em;
 font-size: 1.2em;
 text-align: left;
 width: 80%
}
#company h2 {
 font-size: 1.5em;
 padding-left: 0em;
 color: #ffffff;
 text-align: left;
 border-bottom: thin solid #ffffff;
}
#company h3 {
 font-weight: bold;
}
#company p {
 margin-left: 5%;
 margin-right: 5%;
}
#company a {
 color: #ffffff;
 font-style: italic;
 text-decoration: none;
}
#company a:hover {
 color: #ffffff;
 text-decoration: underline;
}
#company span.ms {
 font-family: "Bauhaus 93", sans-serif;
}


img.download {
 display: block;
 margin-left: auto;
 margin-right: auto;
}










#logo {
//    display: block;
    margin-left: auto;
    margin-right: auto;
 margin-left: 120px;
}

#description {
 color: #404040;
 font-size: small;
 padding-left: 25px;
 width: 48%;
}




#credit {
 color: #000080;
 font: normal small sans-serif;
}