.App {
  text-align: center;
  
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;

  background: #111;

  color: #aaa;
}

input, textarea {
  background: #111;
  outline: none;
  border: none;
  resize: none;
  color: #aaa;
  font-size: 1em;
}

textarea {
  margin-left: auto;
  margin-right: auto;
  width: 40ch;
  max-width: 90%;
  height: calc(100% - 2em);
  box-sizing: border-box;

  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

input {
  width: calc(100% - 10ch);
}

span {
  opacity: 0.125;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #111;
}

::-webkit-scrollbar
{
	width: 4px;
	background-color: #000;
}

::-webkit-scrollbar-thumb
{
	background-color: #900;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}

.App-status {
  text-align: left;
  margin-left: 1ch;
}