@font-face {font-family:notosans; src:url(fonts/notosans.ttf)}

@font-face {font-family:orbitron; src:url(fonts/orbitron.ttf)}

body {background-color:black; color:ivory; font-family:notosans, helvetica, sans-serif; margin:50px}

a:link {color:ivory; text-decoration: none}

	a:visited {color:ivory}

	a:hover {color:green}

	a:active {color:blueviolet}

nav {font-size:150%}

	table.nav {width:100%}

	img.nav {height:200px; padding-left:65px}

	th.nav { font-size:175%; text-align:right}

	td.nav {text-align:right; vertical-align:top}

div.static {height:100px}

h1 {font-family:orbitron, courier new, monospace}

h2 {font-family:orbitron, courier new, monospace; text-decoration:underline}

h2.form {font-family:orbitron, courier new, monospace; text-decoration:underline; padding:0% 20%}

p {font-size:175%; text-align:justify}

marquee {font-size:150%; width:40%; margin-left:30%}

footer {text-align:center; font-size:150%}

hr {height:5px; border:none; color:green; background-color:green}

.column {float:left; margin:1%}

	.column img {width:400px; border-radius:10px}

	.column.lside {width:23%}

	.column.rside {width:23%; text-align:right}

	.column.middle {width:48%}
		
	.column.even {width:33.33%}
	
	.column.middle.left {width:30%; margin-left:18%}
	
	.column.middle.right {width:30%; margin-right:18%}
	
.row::after {content:""; display:table; clear:both}

@media screen and (max-width: 600px) {
  .column.middle.left, .column.middle.right {width: 100%; margin-left:0; margin-right:0}}

.caption {text-align:center}

li {list-style-type:square}

audio {margin-left:30%}

table {border:1px; border-color:green}

.sitemap {display:block; margin:auto}

fieldset {border:none; font-size:150%}

input, select {height:auto; background-color:ivory; border-style:none;
border-radius:10px; font-size:120%}

textarea {height:auto; background-color:ivory; resize:none; border-radius:10px;
border-style:none; font-size:120%}

.submit {text-align:center; width:12%; margin-left:44%}