@font-face {
	font-family: 'Courier';
	src: url( 'Cousine-Regular.ttf' );
}

/*div {
    user-select:auto;
}
*/
body {
	background: url("kali.png");
	font-family: 'Courier New';
	font-size: 14px;
  white-space: pre-wrap;
	color: #EEE;
	margin: 0;
	padding: 0;
}
	

 wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 700px;
	background:inherit;
	transform: translate( -50%, -50% );
}

input {
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	background:inherit;
  border: none;
  position: relative;
  display: block;
  outline: none;
	font-family: 'Courier New';
	color: #f0000;
	display: block;
	border: none;
	color: green;
  -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,0.5); /* input box color */
  box-shadow: 0 2px 10px 1px rgba(0,0,0,0.5);
}


 
    

/* Border lines
.text {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 600px;
	height: 656px;
	border: solid 2px #CCC;
	overflow: auto;
}

.side {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 358px;
	height: 656px;
	border: solid 2px #CCC;
  word-wrap: normal;
}

/* code {
	background: #2C2C2C;
	border-radius: 2px;
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;

div {
    overflow:auto;
}
.main {	padding: 10px; } 
input:focus { outline: none; }
*/