canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #80bfff;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/* ---- particles.js container ---- */

#notification {
	max-width: 100%;
	height: 40px;
	position: sticky;
	text-align:center;
	background-color:  #004d99;
	color: #ffffff;
	padding-top: 4px;
	border-bottom: 2px solid #f9ddb8;
	font-family: "Courier New", Courier, monospace;
	text-decoration: underline;
}

div#content {
	position: absolute;
	display: block;
	padding: 10px;
	padding-top: 40px;
	width:400px;
	height:300px;
	top: 20%;
	left:0;
	right:0;
	bottom: 0;
	margin:0 auto;
	resize: both;
	border-color: #654f6b;
    border-style: solid;
    border-width: 1px 2px 1px 2px;
	overflow: auto;
	text-align: justify;
	font-family: "Courier New", Courier, monospace;
	background: rgba(235,233,249,1);
	background: -moz-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(223,221,240,0.45) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,233,249,1)), color-stop(100%, rgba(223,221,240,0.45)));
	background: -webkit-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(223,221,240,0.45) 100%);
	background: -o-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(223,221,240,0.45) 100%);
	background: -ms-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(223,221,240,0.45) 100%);
	background: linear-gradient(to right, rgba(235,233,249,1) 0%, rgba(223,221,240,0.45) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#dfddf0', GradientType=1 );
	z-index: 2;
}
h2#title {
	color:   #003366;
	text-shadow: 1px 1px 2px #888888;
}

ol {
	list-style-type:lower-roman;
}


#footer {

}