body {
	background-image: url("/resources/graphics/star-moving.gif");
	font-family: "Inconsolata", monospace, sans-serif;
}

.table {
	border-style: dotted;
	border-color: white;
	margin: auto 35%;
}
h1 { 
	color: white;
	text-align: center;	
}
h2 {

	color: white;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: double;
}
h3 {
	color: lime;
	text-align: center;
}
h4 {
	text-align: center;
}
p {
	
	color: white;
	text-align: center;
}
 /* unvisited link */
a:link {
  color: white;
	text-decoration: none;
}

/* visited link */
a:visited {
  color: white;
	text-decoration: none;
}

/* mouse over link */
a:hover {
  color: hotpink;
	text-decoration-line: underline;
	text-decoration-style: double;
}

/* selected link */
a:active {
  color: white;
	text-decoration: none;
} 

html {
	visibility: visible;
	opacity: 1;
}
.footer {
	position: relative;
	bottom: 10px;
	width: 100%;
	color: Cyan;
}

.sidebar {
	margin: 0;
	padding: 0;
	width: 200px;
	background: transparent;
	position: fixed;
	height: 100%;
	overflow: auto;
}


.sidebar a {
	display: block;
	color: white;
	padding: 16px;
	text-decoration: none;
	border: 1px dashed white;
}

.sidebar a.active {
	background: transparent;
	border: 2px solid white;
}

.sidebar a:hover:not(.active) {
	background-color: #ffffff;
 	color: black;
}

div.content {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 450px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}