@font-face {
    font-family: "whiterabbit-webfont";
    src:
      url("WhiteRabbit.ttf") format("truetype"),

  }
  html,body { height: 100%; margin: 0px; padding: 0px; }
      #full { background: #0f0; height: 100% }
  html[data-theme="dark"] {
    --ifm-color-primary: #7ab2f4;
    --ifm-color-primary-dark: #589ef1;
    --ifm-color-primary-darker: #4795f0;
    --ifm-color-primary-darkest: #1b7bec;
    --ifm-color-primary-light: #9cc6f7;
    --ifm-color-primary-lighter: #adcff8;
    --ifm-color-primary-lightest: #dfedfc;
    --ifm-background-color: #101215;
  
    --ifm-color-info-contrast-background: rgb(25 60 71 / 50%);
    --ifm-color-warning-contrast-background: rgb(77 56 0 / 50%);
    --ifm-color-danger-contrast-background: rgb(75 17 19 / 50%);
  
    --ifm-font-family-base: "whiterabbit-webfont";
    --ifm-navbar-background-color: var(--ifm-background-color);
    --ifm-footer-background-color: var(--ifm-background-color);
    --ifm-dropdown-background-color: var(--ifm-background-color);
    --ifm-card-background-color: var(--ifm-background-color);
  
    --ifm-heading-color: var(--ifm-color-primary-lighter);
    --ifm-color-content: var(--ifm-color-primary);
    --ifm-link-color: var(--ifm-color-primary-lightest);
    --ifm-menu-color: var(--ifm-color-primary);
    --ifm-toc-link-color: var(--ifm-color-primary);
  
    --ifm-breadcrumb-border-radius: 0;
    --ifm-global-radius: 0;
  }
  .main-wrapper {
    background-image: repeating-linear-gradient(
      #0e0e0e,
      #0e0e0e 2px,
      #101215 2px,
      #101215 4px
    );
    background-size: 100% 4px;
    height: 100%;
  } 
.buttons{
    border: #83B0F2;
    color: #83B0F2;
    font-family: "whiterabbit-webfont";
    width: 13em; 
    font-size: 1em;
    height: 3em;
    outline: solid #83B0F2 0.1em; 
    text-align: center; 
    align-items: center; 
    display: grid; 
    margin: 0.5em;
}
.buttons:hover{
    border: #FFFFFF;
    color: #FFFFFF;
    outline: solid #FFFFFF 0.1em; 
}
.header{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
    
}
.main-division{
    display: flex;
    flex-direction: row-reverse;
    height: 100%;

}
.mid {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.left{
    width: 70%;
    height: 100%;
}
.right{
    width: 30%;
}
.specs{
    border: #83B0F2;
    color: #83B0F2;
    outline: solid #83B0F2 0.1em;
    height: 13em;
    margin-right: 1em;
    margin-top: 1em;
}
.breach{
    border: #83B0F2;
    color: #83B0F2;
    outline: solid #83B0F2 0.1em;
    height: 3em;
    margin-right: 1em;
    margin-top: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "whiterabbit-webfont";
}
.wip {
    margin-top: 1em;
    text-align: center;
    font-family: "whiterabbit-webfont";
    color: #83B0F2;
    font-size: 0.9em;
    opacity: 0.8;
    letter-spacing: 0.1em;
}
.wip::after {
    content: "_";
    animation: blink 2s infinite;
}

@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}
.shell{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
    font-family: "whiterabbit-webfont";
    height: 99%;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    
}
.shell pre {
    color: #83B0F2;
    text-shadow: 0 0 5px #83B0F2, 0 0 10px #83B0F2;
}
.chat{
  display: flex;
  font-family: "whiterabbit-webfont";
  align-items: flex-end;
  flex-basis: 100%;
}
.cmd{
    display: block;
    border: 0;
    width: 100%;
    background-color: transparent;
    border: none;
    color: #83B0F2;
    font-family: "whiterabbit-webfont";
}
.cmd:focus{
    outline: 0;
}
  
.color-tag[data-tag="a"] {
    color: #000000;
  }
  .color-tag[data-tag="b"] {
    color: #3f3f3f;
  }
  .color-tag[data-tag="c"] {
    color: #676767;
  }
  .color-tag[data-tag="d"] {
    color: #7d0000;
  }
  .color-tag[data-tag="e"] {
    color: #8e3434;
  }
  .color-tag[data-tag="f"] {
    color: #a34f00;
  }
  .color-tag[data-tag="g"] {
    color: #725437;
  }
  .color-tag[data-tag="h"] {
    color: #a88600;
  }
  .color-tag[data-tag="i"] {
    color: #b2934a;
  }
  .color-tag[data-tag="j"] {
    color: #939500;
  }
  .color-tag[data-tag="k"] {
    color: #495225;
  }
  .color-tag[data-tag="l"] {
    color: #299400;
  }
  .color-tag[data-tag="m"] {
    color: #23381b;
  }
  .color-tag[data-tag="n"] {
    color: #00535b;
  }
  .color-tag[data-tag="o"] {
    color: #324a4c;
  }
  .color-tag[data-tag="p"] {
    color: #0073a6;
  }
  .color-tag[data-tag="q"] {
    color: #385a6c;
  }
  .color-tag[data-tag="r"] {
    color: #010067;
  }
  .color-tag[data-tag="s"] {
    color: #507aa1;
  }
  .color-tag[data-tag="t"] {
    color: #601c81;
  }
  .color-tag[data-tag="u"] {
    color: #43314c;
  }
  .color-tag[data-tag="v"] {
    color: #8c0069;
  }
  .color-tag[data-tag="w"] {
    color: #973984;
  }
  .color-tag[data-tag="x"] {
    color: #880024;
  }
  .color-tag[data-tag="y"] {
    color: #762e4a;
  }
  .color-tag[data-tag="z"] {
    color: #101215;
  }
  .color-tag[data-tag="A"],
  .color-tag[data-tag="1"],
  .color-cli {
    color: #ffffff;
  }
  .color-tag[data-tag="B"],
  .color-gc-text {
    color: #cacaca;
  }
  .color-tag[data-tag="C"],
  .color-tag[data-tag="0"],
  .color-user,
  .color-gc-end {
    color: #9b9b9b;
  }
  .color-tag[data-tag="D"],
  .color-gc-q {
    color: #ff0000;
  }
  .color-tag[data-tag="E"] {
    color: #ff8383;
  }
  .color-tag[data-tag="F"],
  .color-trust,
  .color-tag[data-tag="5"],
  .color-tag[data-tag="6"],
  .color-tag[data-tag="7"],
  .color-tag[data-tag="8"],
  .color-tag[data-tag="9"] {
    color: #ff8000;
  }
  .color-tag[data-tag="G"] {
    color: #f3aa6f;
  }
  .color-tag[data-tag="H"] {
    color: #fbc803;
  }
  .color-tag[data-tag="I"] {
    color: #ffd863;
  }
  .color-tag[data-tag="J"],
  .color-gc-b {
    color: #fff404;
  }
  .color-tag[data-tag="K"] {
    color: #f3f998;
  }
  .color-tag[data-tag="L"],
  .color-tag[data-tag="2"],
  .color-script,
  .color-gc-m {
    color: #1eff00;
  }
  .color-tag[data-tag="M"] {
    color: #b3ff9b;
  }
  .color-tag[data-tag="N"],
  .color-gc-k,
  .color-key {
    color: #00ffff;
  }
  .color-tag[data-tag="O"] {
    color: #8fe6ff;
  }
  .color-tag[data-tag="P"],
  .color-tag[data-tag="3"] {
    color: #0070dd;
  }
  .color-tag[data-tag="Q"] {
    color: #a4e3ff;
  }
  .color-tag[data-tag="R"] {
    color: #0000ff;
  }
  .color-tag[data-tag="S"] {
    color: #7ab2f4;
  }
  .color-tag[data-tag="T"],
  .color-tag[data-tag="4"] {
    color: #b035ee;
  }
  .color-tag[data-tag="U"] {
    color: #e6c4ff;
  }
  .color-tag[data-tag="V"],
  .color-gc-t,
  .color-value {
    color: #ff00ec;
  }
  .color-tag[data-tag="W"] {
    color: #ff96e0;
  }
  .color-tag[data-tag="X"] {
    color: #ff0070;
  }
  .color-tag[data-tag="Y"] {
    color: #ff6a98;
  }
  .color-tag[data-tag="Z"] {
    color: #0c112b;
  }