body {
	font-family: 'Source Code Pro';
}

@media screen and (min-width: 1px) {
	div#content div#window {
		width: 98%;  height: 98%;
} }
@media screen and (min-width: 800px) {
	div#content div#window {
		width: 96%;  height: 96%;
} }
@media screen and (min-width: 1000px) {
	div#content div#window {
		width: 94%;  height: 94%;
} }
@media screen and (min-width: 1200px) {
	div#content div#window {
		width: 92%;  height: 92%;
} }
@media screen and (min-width: 1400px) {
	div#content div#window {
		width: 90%;  height: 90%;
} }
@media screen and (min-width: 1600px) {
	div#content div#window {
		width: 88%;  height: 88%;
} }

section#content,
div#content
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-color: #007700;
}
div#content div#window
{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

#shell-bar-left {
	float: left;
	height: 25px;
}

#shell-bar-center {
	float: left;
	height: 25px;
	width: calc(100% - 50px);
}

#shell-bar-right {
	float: right;
	height: 25px;
	cursor: pointer;
}

#shell-panel {
	height: calc(100% - 25px - 8px);
	width: calc(100% - 16px);
	background-color: #001A00;
	background-color: rgba(0,0,0,0.85);
	color: #00CF00;
	padding: 4px 8px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	border: 0px;
}
#shell-cli .prompt {
	font-weight: bold;
}

#shell-status {
	position: absolute;
	top: 0px;
	width: calc(100% - 25px);
	text-align: center;
	font-size: 17px;
}

code:hover,
kbd:hover {
	cursor: pointer;
	cursor: hand;
}

/* Oops */
div#oops
{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	display: none;
	cursor: pointer;
}

div#oops div
{
	text-align: center;
	margin-top: -10px;
}

div#oops div img
{
	height: 64px;
}

/* KeyBoard */
#mobile_keyboard {
	background-color: transparent;
	border: 1px solid #00CF00;
	color: #00CF00;
}

/* GitHub Specifics */
ul.widelist li {
	float: left;
	list-style: none;
	width: 33%;
}
.clear {
	clear: both;
}
.userinfo img {
	float: left;
	width: 110px;
}
.userinfo table {
	width: calc(100% - 110px);
}