@font-face{
	font-family: "Classic Console";
	src: url(clacon2.woff2);
}

body{
	background-color: #000;
	padding:0;
}

pre{	
	margin:0;
	padding:0;
}
h1{
	font-size:16px;
	font-weight:normal;
}
p{
	padding-left:32px
}

a{
	color:#ffb000;
}
a:active{
	color:#70551b;
}
a:visited{
	color:#b7830d
}
	
hr{
	color:#70551b;
}

#navigantion{
}

#ascii{
	line-height:0.8;
}

#content{
	line-height:1.4;
}

#text{
	position: absolute;
	top:0;
	left:0;
	padding:16px;
	margin:0;
	height:448px;
	overflow-y:auto;
	scrollbar-color:#b7830d #70551b;
}

#list{
	line-height:1.8;
}

#display{
	background-color: #282828;
	box-shadow: 0px 0px 20px #877348;
	margin: auto;
	padding:0;
	overflow:hidden;
}

#screen_effect{
	position:absolute;
	top:0;
	left:0;
	height:480px;
	width:640px;
}

.console_font{
	font-family: "Classic Console";
	font-size: 16px;
	color: #ffb000;
	text-shadow: 0px 0px 2px #b7830d;
}

.segment{
	width: 20px;
	height: 20px;
	background: grey;
	border: 1px solid black;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
}

.screen{
	position: relative;
	width: 640px;
	height: 480px;
	border-radius: 16px;
}

.crt{
	background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
	background-size: 100% 2px, 3px 100%;
	animation: flicker 0.15s infinite;
	z-index: 2;
	pointer-events:none;
}

.cursor {
	animation: blink 1s infinite;
}

.code {
	font-family: "Classic Console";
	margin-left:32px;
	padding-left:16px;
	background-color:#70551b;
}

@keyframes blink {
	49%{
		opacity: 100%;
	}
	50%{
		opacity: 0%;
	}
	100%{
		opacity: 0%;
	}
}

@keyframes flicker {
	0% {
		opacity: 0.27861;
	}
	5% {
		opacity: 0.34769;
	}
	10% {
		opacity: 0.23604;
	}
	15% {
		opacity: 0.90626;
	}
	20% {
		opacity: 0.18128;
	}
	25% {
		opacity: 0.83891;
	}
	30% {
		opacity: 0.65583;
	}
	35% {
		opacity: 0.67807;
	}
	40% {
		opacity: 0.26559;
	}
	45% {
		opacity: 0.84693;
	}
	50% {
		opacity: 0.96019;
	}
	55% {
		opacity: 0.08594;
	}
	60% {
		opacity: 0.20313;
	}
	65% {
		opacity: 0.71988;
	}
	70% {
		opacity: 0.53455;
	}
	75% {
		opacity: 0.37288;
	}
	80% {
		opacity: 0.71428;
	}
	85% {
		opacity: 0.70419;
	}
	90% {
		opacity: 0.7003;
	}
	95% {
		opacity: 0.36108;
	}
	100% {
		opacity: 0.24387;
	}
}