body{
 background-color:#000000;
 width:  100%;
 height: 100%;
 margin: 0px;
}
#canvas{
 background-color:#000;
 display:block;
 margin:auto;
}
canvas{
  position: absolute;
   left: 0px;
   top: 0px;
   z-index: -1;
}
*{box-sizing: border-box;
}
.mobile{ display: none;
}
.desktop{ display: inline;
}
body{background-color: #000000;
	font-family: Times New Roman, Arial, sans-serif;
}
#wrapper{ margin: 0 auto;
      margin-top: 5%;
		width: 90%;
		min-width: 960px; max-width: 1200px;
    background-color: #000000;

}
header{
		color: lightgreen;
		font-size: 150%;
		padding: 10px 10px 10px 155px;
		border: 2px solid lightgreen;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
nav{ float: left;
	width: 200px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
main{background-color: #000000;
	color: lightgreen;
	padding: 10px 20px;
	display: block;
	overflow: auto;
	border: 2px solid lightgreen;
  border-bottom: 0px;
}
footer{ font-size: 70%;
		text-align: center;
		padding: 10px;
		background-color: #000000;
		color:  lightgreen;
		clear: both;
		border: 2px solid lightgreen;
    border-top: 0px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
h2{color:  lightgreen;
		font-family: Arial, sans-serif;
}
#floatright{float: right;
			margin: 10px;
}
nav ul{ list-style-type: none;
		margin: 0px;
		padding: 0px;
}
nav a{ text-decoration: none;
		padding: 20px;
		display: block;
		background-color: #000000;
		border: 1px solid lightgreen;
}
nav a:link{	color: lightgreen;
}
nav a:visited{ color: #ff0101;
}
nav a:hover{ color: #000000;
			background-color: lightgreen;
}
main nav{ float: center;
}
main nav li{ display: inline;
}
main button a { text-decoration: none;
}
.button1{border-radius: 8px;
		border: 2px solid lightgreen;
		background-color: #000000;
		color:  lightgreen;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		transition-duration: 0.4s;
}
.button2{border-radius: 8px;
		border:2px solid lightgreen;
		background-color:  #000000;
		color: lightgreen;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		float: right;
		transition-duration: 0.4s;
}
.button1:hover{ background-color: #49fb35;
				color: darkgreen;
}
.button2:hover{ background-color: #ff0101;
				color: #000000;
}
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
    color: #000000;
}
@media only screen and (max-width: 768px){
#wrapper{width: 95%;
}
body{display: inline-block;
	text-align: center;
}
header{	text-align: center;
		width: 100%;
		height: 25%;
		display: block;
		border-bottom: 2px solid #49fb35;

}
h1, h2{ font-size: 120%
}
nav{float: none;
	width: auto;
}
nav li{display: block; padding: 0.5em;
}
nav ul{ text-align: center;
}
nav a{ border: 2px solid #49fb35;
}
nav a {display: block; padding: 0.5em 0;
border-bottom: 2px solid #49fb35;
}
.mobile{ display: inline;
		color: #FFFFFF;
}
.desktop{ display: none;
}
.button2{ float: none;
}
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
    color: #000000;
}
}