body{background-color: black;margin: 0;color: aliceblue;font: 1em sans-serif;overflow: hidden;}
.x-axis{position: absolute;inset:calc(100vh - 50px) 0px 50px 0px;margin: 0px;}
.y-axis{position: absolute;inset:0px 95vw 0px 5vw;margin: 0px;}
.x-label{position: absolute;right: 10px;bottom: 10px;}
.y-label{position: absolute;top: 10px;left: 1vw;}
.bar,.prebar,.realbar{
    position: absolute;display: inline-block; bottom: 50px;left: 5vw; height: 0;width: 0.5vw;background-color: aquamarine;z-index:1
}
.bar{z-index: 1;}
.prebar{background-color: brown;opacity: 0.7; z-index: 2;}
.realbar{background-color: rgb(56, 42, 165);opacity: 0.7; z-index: 3;}
input{width: 200px;}
datalist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    writing-mode: vertical-lr;
    width: 200px;
  }