@charset "utf-8";
/* CSS Document */
html, body
{

  background:url("images/sectana.png");
	background-size: cover;
	padding:0px;
	margin: 0px;
	height:100%;
	width:100%;
}
.header
{
	display:none;
	box-sizing: border-box;
	background-image:url("images/header.png");
	background-size: cover;
	width:100%;
	height:40%;
	background-repeat: no-repeat;
	border-bottom: 2px solid #009977;
}
.horiz
{
	width:100%;
	border:2px solid #009977;
	box-sizing: border-box;
}
.cbox
{
	text-align: center;
	width:50%;
	padding-top:5px;
	margin: auto;
	padding-bottom:50px;
}
.content
{
	width:50%;
	height: 20%;
	margin:auto;
	text-align: center;
	padding: 10px;
	background-color: #00000033;
	color: #DDDDDD;
}
.c_title
{
	font-size: 24px;
	font-family: Courier;
	padding-bottom: 0px;
	color:#DDDDDD;
}
.menubar
{
	width:100%;
	height:auto;
}
.menubox
{
	box-sizing: border-box;
	text-align: center;
	width:20%;
	height:10%;
	display: inline-block;
	border-right: 2px solid #666666;
}
.menubox_c
{
	box-sizing: border-box;
	text-align: center;
	width:20%;
	height:10%;
	display: inline-block;
	border-right: 2px solid #666666;
	background-color: #666666;
}
.menubox:hover
{
	background-color: #666666;
}
a:link, a:visited, a:active
{
	text-decoration: none;
	color:inherit;
}
.menubar_2
{
	width:30%;
	border: 2px solid #222222;
	margin:auto;
	list-style-type: none;
    padding: 0;
}
.menubox_2
{
	width:100%;
	text-align: center;
}
.menubox_2c
{
	width:100%;
	text-align: center;
	background-color: #666666;
}
li
{
	border-bottom: 1px solid black;
}
ul:last-child
{
	border-bottom: none;
}
/* Console stuff starts here */
.console_holder
{
	width:60%;
	margin:auto;
	margin-top:50px;
	
}
.contact_ae
{
	width: 50px;
	height: 50px;
	background-color: #000000;
	position:relative;
	top:-200px;
	left:-50px;
	font-size: 40px;
	text-align: center;
	font-family: serif;
	border-radius: 5px 0px 0px 5px;
	cursor: pointer;
	visibility: hidden;
}
#text2175-1-4-8
{
	animation: lambda 5s infinite;
}
.console
{
    background-color:#007799;
    height:25px;
    width:85%;
    display:inline-block;
    float:left;
    margin-bottom:-1px;
}
.console11:hover {
    background-color:#0088aa;
}
.console11
{
    background-color:#007799;
    height:25px;
    width:5%;
    display:inline-block;
    float:left;
    text-align:center;
    margin-bottom:-1px;
		user-select: none;
}
.console12:hover {
    background-color:#0088aa;
}
.console12
{
    background-color:#007799;
    height:25px;
    width:5%;
    display:inline-block;
    float:left;
    text-align:center;
    margin-bottom:-1px;
		user-select: none;
}
.console13
{
    background-color:#007799;
    height:25px;
    width:5%;
    display:inline-block;
    float:left;
    text-align:center;
    margin-bottom:-1px;
		user-select: none;
}
.console13:hover {
    background-color:#cc0000;
}
.c13text {
	margin-top:2px;
}
.console2
{
    background-color:#000;
    height:250px;
    width:100%;
    display:inline-block;
    font-family:Courier;
    color:#00cc99;
}
.p1
{
    float:left;
    width:90%;
    display:inline-block;
    margin-top:2px;
    margin-left:10px;
}
.p2
{
    float:left;
    width:10%;
    display:inline;
    margin-top:0px;
}
.prompt
{
	margin-left:10px;
}
.infoprompt
{
	margin-left:10px;
	line-height: 0;
	float:left;
}
p.prompt
{
	line-height: 0;
	margin-top:15px;
	animation: hello 10s infinite;
}
.prompt2
{
	float:left;
}
div.prompt{
	float:left;
}
.userInput
{
		background-color:inherit;
		min-width: 10px;
		width:auto;
		border: 0px;
		color:#00cc99;
		font-family: Courier;
}
@keyframes keyed
{
    0% {opacity:1;}
    49% {opacity:1;}
    50% {opacity:0;}
    99% {opacity:0;}
}
@keyframes hello
{
	0% {opacity:0;}
	98% {opacity:0;}
	99% {opacity:1;}
}
@keyframes lambda
{
	0% {fill:black;}
	50% {fill:gold;}
	100% {fill:black;}
}
.flicker {
    animation:keyed 1.5s infinite;
	float:left;
}
.flicker2 {
    animation:keyed 1.5s infinite;
	float:left;
}
/* Console stuff ends here */