html {
	background: var(--bg);
}
body {
	/* fix mobile kb pushing operBtn */
	position: relative;
	height: 100%;
}
a:hover {
	color: blue;
}
/* CANVAS */
canvas {
  display: block;
}
#nave {
  height: 100%!important;
  width: 100%!important;
  position: fixed;
  border-top: 4px solid black;
  box-sizing: border-box;
}
#log-raw {
	display: none;
}
#command {
  width: 100%!important;
  position: fixed;
  bottom: 0;
  z-index: 10;
}
/* COMMAND STATUS BUTTON */
.statusBtn {
  border-radius: 50%;
  font-size: 0;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background-color: rgb(244, 227, 116);
  border: 1px solid black;
  border-style: outset;
  stroke: none;
  z-index: 20;
  position: fixed!important;
}
.statusBtn.operBad {
  background-color: rgb(201, 11, 62);
}
.statusBtn.operGood {
  background-color: rgb(154, 185, 81);
}
.statusBtn.flash {
  animation: blink 1s infinite;
}
/* TERMINAL */
#terminal {
  /* border-radius: 13px; */
  width: 100%!important;
  height: calc(100dvh - 250px);
  height: calc(100vh - 250px);
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  flex: 1 100%;
  text-align: left;
  background-color: #cad2c900;
  overflow-y: scroll;
  border-radius: 0;
  border-top: 2px dashed #000;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
#terminal::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.terminal * {
  font-family: 'Sperry'!important;
  font-size: 1.5rem;
  caret-color: var(--terminal-accent-color, #ffff7d);
}
.terminal .prompt {
  color: var(--terminal-accent-color, #ffff7d);
}
.terminal input {
  color: var(--terminal-accent-color, #ffff7d);
}
.terminal .log {
	margin-bottom: 1rem;
}
.terminal .log p, .terminal .log ul {
	margin: .4rem 0;
	list-style-type: none;
}
.terminal .log p {
	margin-top: .8rem;
}
.terminal .log blockquote {
	margin: 0;
	font-style: italic;
}
.terminal-type > span {
  white-space: nowrap;
}
.terminal-container > p:first-of-type {
	margin-top: 0!important;
}
.terminal-container > p {
  margin: 7px 0!important;
}
.terminal h2 {
	border-bottom: 2px dashed black;
}
.terminalLink {
	border: 2px solid black;
	border-bottom: 3px solid black;
	border-radius: 10px;
	padding: 3px 10px;
	background: yellow;
	margin-bottom: .3rem;
	display: inline-block;
	font-weight: 1000;
}
.terminalLink:hover {
  cursor: pointer;
  color: blue;
  border-color: blue;
}
.terminalLink:active {
	border-bottom: 1px solid blue;
}
span.prompt
span.term-small {
  font-size:.9rem;
}
span.terminal-command {
  margin-left: .7rem;
}
span.cmd {
  color: rgb(70, 124, 72);
}
@media (max-width: 438px) {
  #terminal {
	  height: calc(100dvh - 300px);
	  height: calc(100vh - 300px);
  }
  .terminal * {
    font-size: 1.1rem;
  }
}
@media (max-width: 375px) {
  #terminal {
	  height: calc(100dvh - 330px);
	  height: calc(100vh - 330px);
  }
}
@media (max-width: 294px) {
	#terminal {
	  height: calc(100dvh - 440px);
	  height: calc(100vh - 440px);
	 }
}
@media (max-height: 450px) {
  #terminal {
    /* padding-bottom: 7.5rem; */
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .terminal * {
    font-size: 1.3rem;
  }
}