body {
    font: 11px Arial, sans-serif;
    background: black;
    overflow: hidden;

}
.right{
    color: gray;
    position: absolute;
    right: 0;
}
.background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.grid {
    fill: none;
    stroke: #4682b4;
    stroke-width: 3;
}

.bg-grid {
    fill: none;
    stroke: gray;
    stroke-width: 0.5;
}

#console {
    font: 13px Arial, sans-serif;
    padding: 5px;
    color: greenyellow;
    background: black;
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 40%;
    height: 20em;
    border: 2px solid darkgray;
    border-radius: 10px;
    z-index: 10;
}

.axis {
    stroke-width: 1.5;
    stroke: lightpink;
}

.vector {
    stroke-width: 2.5;
    stroke: yellow;
    stroke-linecap: round;
}

#prompt{
    position: absolute;
    bottom: 0;
}

.multiline{
    border-top: 1px slategray solid;
    border-left: 1px slategray solid;
    border-right: 1px slategray solid;
    border-bottom: none transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.single_line{
    border: none transparent;
}

#command_input{
    background: #111;
    color: greenyellow;
    outline: none;
    width: 39vw;
    height: 1em;
}

#command_history{
    font-size: 12px;
    color: greenyellow;
    position: absolute;
    bottom: 1.5em;
    max-height: 20em;
    width: 100%;
    overflow-y: visible;
    overflow-x: hidden;
}