body {
	background:black;
	font-family:monospace;
}
a.website, #browser, .message {
	display:block;
	text-decoration:none;
	font: normal 10pt monospace;
	cursor: default;
	display:block;
}
a:link, a.unselected {
	color:black;
}
a:visited, #browser, .message {
   color:#00FF00;
}
a.website {
	position:absolute;
}
@keyframes typing { from { width: 0; } }
@-webkit-keyframes typing { from { width: 0; } }

@keyframes blink-caret { 50% { border-color: transparent; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

@-webkit-keyframes fade-out {0%	{opacity:1} 
							60% {opacity:1;}
							70% {opacity:0;} }

h1 { 
	color:#00FF00;
	font: normal 10pt monospace;
	border-right: .1em solid;
	width: 16.5em; /* fallback */
	width: 24ch; /* # of chars */
	margin: 2em 1em;
	white-space: nowrap;
	overflow: hidden;
	animation: typing 5s steps(24, end), /* # of steps = # of chars */
	           fade-out 10s step-end infinite alternate,
	           blink-caret .5s step-end infinite alternate;
	-webkit-animation: typing 5s steps(24, end), /* # of steps = # of chars */
	           fade-out 10s,
	           blink-caret .5s step-end infinite alternate;
	opacity:0;
	margin:0;
}

.message {
-webkit-animation:fade-in 7s;
		animation:fade-in 7s;
}

#browser {
-webkit-animation:fade-in 8.5s;
		animation:fade-in 8.5s;
}
div.list {
-webkit-animation:fade-in 11s;
		animation:fade-in 11s;
-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
}
@-webkit-keyframes fade-in { 
	0% {opacity:0;}
	90% {opacity:0;}
	100% { opacity:1;}
}
@keyframes fade-in { 
	0% {opacity:0;}
	90% {opacity:0;}
	100% { opacity:1;}
}
.real-link:link, .real-link:visited {
	color:#00FF00;
	cursor:auto;
	text-decoration:underline;
}
.abc-link {
	position:absolute;
	bottom:10px;
	right:10px;
-webkit-animation:fade-in 15s;
		animation:fade-in 15s;
	z-index:9002;
}
@-webkit-keyframes link-fade-in { 
	100% {	opacity:1;	}
}
@keyframes link-fade-in { 
	100% {	opacity:1;	}
}
#abc {
	color:#00FF00;
	padding:1rem;
	left:0;
	right:0;
	bottom:50px;
	position:absolute;
	z-index:9001;
	background:#000;
	border:#00FF00 1px solid;
}
#abc p {
	margin:0;
}

@media screen and (max-width: 500px) {
	a, h1, #abc {
		font: normal 8pt monospace;
	}
	#abc {
		left:0;
		right:0;
	}
}


::-moz-selection	{    background: black;	}
	 ::selection	{    background: black;	}

.hide--first > *:first-child {
  display: none;
}
.hide--second > *:last-child {
  display: none;
}