* {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	font-family: inherit;
	line-height: inherit;
	font-size: inherit;
	text-decoration: inherit;
	color: inherit;
	background-color: transparent;
	scrollbar-color: #333 #999;
}
*::-webkit-scrollbar {
	background-color: #333;
}
*::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 8px;
	border: 2px solid #333;
}

body {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	font-family: monospace;
}
body.game_body {
	font-size: 16px;
	padding: 16px 16px 0 16px;
}

a {
	color: #9f0;
}

body.game_body .container {
	text-align: center;
}
.container .box {
	display: block;
	line-height: 0;
}
.container .box * {
	display: inline-block;
	border: 1px solid #333;
}
.box,
p {
	padding-bottom: 8px;
}
.inline-block {
	display: inline-block;
	vertical-align: top;
}

#input,
#output {
	box-sizing: border-box;
	color: #ccc;
	padding: 8px;
	width: 100%;
	height: 364px;
	white-space: pre-wrap;
	display: block;
	overflow-y: scroll;
	transition-property: all;
	transition-duration: 500ms;
	line-height: 14px;
}
#output.flash {
	transition-duration: 0ms;
	background-color: #666;
}
#input {
	border-top: 1px solid #333;
	height: 36px;
	overflow: hidden;
	padding: 0;
	white-space: normal;
	position: relative;
}
#input::after {
	content: ">";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	padding-left: 8px;
	line-height: 36px;
}
#input input {
	border: 0;
	line-height: 28px;
	padding: 4px 8px 4px 20px;
	width: 100%;
}
#input input:focus {
	background-color: #111;
	outline: none;
}
#output .stderr {
	color: #f00;
}

button {
	padding: 0 4px;
	background-color: #333;
	border-radius: 4px;
	border: 1px solid #666;
	color: #9f0;
	transition-property: all;
	transition-duration: 0.25s;
}
button:hover {
	background-color: #666;
	border: 1px solid #999;
}
button:active {
	border: 1px solid #9f0;
	color: #ff0;
}

/* why is their "yellow" so bad I gotta fix it */
*[style="background-color:#A50"] {
	background-color: #bbbb00 !important;
}
*[style="color:#A50"] {
	color: #bbbb00 !important;
}
