@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');
@import 'font.css';

.terminal {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 12px;
  margin: 0;
  font-family: 'pxplus_ibm_vga8regular', monospace;
  background-color: black;
  /*color: green;*/
  line-height: 1.2;
  overflow-y: auto;
  
  font-smooth: never;
  -webkit-font-smoothing: none;
}

.terminal-output {
  width: 100%;
  height: 100%;
  color: gray;
}

/**
* The input span where the input happens.
* Also applied to the previous inputs made in the current session.
*/
.terminal .terminal-input {
  height: 1em;
  min-width: 1em;
  outline: none;
  border: none;
  display: inline-block;
  color: white;
}

.terminal p {
  margin: 0;
  padding: 0;
}

.terminal ul {
  margin-top: 1.2em; /* match line-height */
  margin-bottom: 1.2em;
  list-style-type: none;
  padding-left: 2em; /* four spaces */
}

.terminal .terminal-prompt {
  color: green;
}

.terminal a,
.terminal a:visited,
.terminal a:active,
.terminal a:hover {
  color: blue;
}

.terminal strong {
  font-weight: normal;
  color: white;
}

/* PERSONAL TOUCH */
#banner {
  font-size: .7em;
  color: white;
}

#payload {
  position: absolute;
  left: 40%;
  top: 20%;
  z-index: 1;
  display: none;
}