body {
	background-color: #0b0b0f;
	/*background-image: url("pattern.png");
	background-repeat: repeat;
	background-attachment: fixed;*/
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 80%;
	color: #0b0b0f;
}

h1 {
	color:#eeeeee;
	font-size: large;
	font-weight: 100%;
	padding-bottom: 20px;
}

a:link, a:visited {
  color:#eeeeee;
}

a:hover {
  color:#00eeee;
}



.dive404 a:link {
  color:#5c3a5d;
}

.dive404 a:hover {
  color:#aa0000;
  text-decoration: line-through;
}

.dive404 span#off {
  display: inline;
}

.dive404:hover span#off {
  display: none;
}

.dive404 span#on {
  display: none;
}

.dive404:hover span#on {
  display: inline;
}


.navbar {
	background-color: #202023;
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	box-shadow:black 0px 2px 2px;
	text-align:center;
	padding-top:40px;
	padding-bottom: 40px;
	color:#eeeeee;
}

.article {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 800px;
	height: auto;
	box-shadow:black 0px 2px 2px;
	color:#eeeeee;
	background-color: #202023;
	text-align: justify;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	/*padding-top: 20px;*/
}

.blink {
  animation: blink 0.1s ease-in-out infinite;
}

.blinkSlow {
  animation: blink 1s linear infinite;
}

@keyframes blink {
  0% {
	  color:black;
  }
}

@keyframes blinkSlow {
  0%,50% {
    opacity: 0;
  }
  51%,100% {
    opacity: 1;
  }
}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}