html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  font: 16px Courier;
}

i {
  font-style: normal;
  color: red;
}
e {
  color: #0e0;
}
r {
  color: #f00;
}
blue {
  color: #00f;
}
bc{
	color: #000;
}

#terminal {
  width: calc(100% - 20px);
  height: calc(100% - 60px);
  margin: 0;
  padding: 10px;
  color: #eee;
}

#bar {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  margin: 0;
  width: calc(100% - 20px);
  height: 40px;
  background: #000;/*#323232*/
  /*
  border-top: 1px solid #444;
  border-radius:3px;
  */
  border:none;
  

}

#termput{
	width: calc(100% - 160px);
	height: 36px;
	/*border: 1px solid #444;
	border-radius:3px;
	*/
	border:none;
	background: #000;/*#222*/
	color: #0e0;
	outline: none;
	font-size:15px;
	font-family:Courier, sans-serif;
	font-weight:400;
	float:right;
	
}


@-webkit-keyframes loader {
  from {width: 0}
  to {width: 100%}
}
@keyframes loader {
  from {width: 0}
  to {width: 100%}
}
#bar-p{
	height:36px;
	line-height:32px;
	width: 100px;
	float:left;
	font-weight:400;
	border:none;
	margin:3px 0.5376344086021505% 3px 0;
	cursor:pointer;
	color:#fff;
	
	-webkit-appearance:none;
}