body {
  background-color: black;
  background-image: radial-gradient(rgba(0, 150, 0, 0.75), black 120%);
  margin: 0;
  overflow: hidden;
  padding: 0;
  color: white;
  font: 1.1rem Inconsolata, monospace;
}
body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: repeating-linear-gradient(
    0deg,
    rgba(black, 0.15),
    rgba(black, 0.15) 1px,
    transparent 1px,
    transparent 2px
  );
  pointer-events: none;
}
::selection {
  background: #0080ff;
  text-shadow: none;
}
#console {
  position: fixed;
  right: -350px;
  top: 0;
  width: 350px;
  height: 100vh;
  background-image: url(svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMWM0MDFlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMGUxMTBlIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMwZTExMGUiIC8+PHJlY3QgeD0iLTM1JSIgeT0iNzAlIiB3aWR0aD0iMTcwJSIgaGVpZ2h0PSI2MCUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(
    radial,
    50% 100%,
    0,
    50% 100%,
    1244,
    color-stop(0%, #1c401e),
    color-stop(100%, #0e110e)
  );
  background-image: -webkit-radial-gradient(
    center bottom,
    85% 30%,
    #1c401e 0%,
    #0e110e 100%
  );
  background-image: -moz-radial-gradient(
    center bottom,
    85% 30%,
    #1c401e 0%,
    #0e110e 100%
  );
  background-image: -ms-radial-gradient(
    center bottom,
    85% 30%,
    #1c401e 0%,
    #0e110e 100%
  );
  background-image: -o-radial-gradient(
    center bottom,
    85% 30%,
    #1c401e 0%,
    #0e110e 100%
  );
  background-image: radial-gradient(
    85% 30% at center bottom,
    #1c401e 0%,
    #0e110e 100%
  );
  transition: all 0.2s ease-in-out;
  overflow-y: auto; 
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
#chatPanel {
  position: fixed;
  right: -350px;
  top: 0;
  width: 350px;
  height: 100vh;
  background-color: #1c401e;
  transition: all 0.2s ease-in-out;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
#toChat,
#backToConsole {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 3px;
  font-size: 16px;
  background: #333;
  color: white;
  border: none;
  cursor: pointer;
}
#commandInput {
  width: calc(100% - 40px);
  padding: 10px;

  background: none;
  color: white;
  border: none;
  border-top: 1px solid #333; 
  outline: none;
  caret-color: lime;
}
#commandOutput {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 20px;
  font-size:12px;
}
.commandLine {
  color: white;
  margin-top: 10px;
}
.commandResult {
  color: grey;
  font-style: italic;
  margin-top: 10px;
}
#toggleButton {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 20px;
  font-size: 16px;
  background: #333;
  color: white;
  border: none;
  cursor: pointer;
}
#closeButton {
  position: absolute;
  left: 0;
  top: 0;
  padding: 3px;
  font-size: 16px;
  background: #333;
  color: white;
  border: none;
  cursor: pointer;
}

#autocompleteSuggestion {
  color: grey;
  font-style: italic;
  font-size: 12px;
  margin-left: 10px;
}

#chatPanel p {
  margin: 0 auto;
  margin-top: 50%;
}
span {padding-left:25px;font-size:14px;}

a {
font-color:#fff;
font-weight: bold;
}