html{
  color-scheme: dark;
  image-rendering: pixelated;
}

body{
  margin: 0px;
}

@font-face{
  font-family: term;
  src: url("3270.woff")
}

body{
  background-image: url("bg.png");
  color: #ff00ff;
  font-family: term;
  margin: none;
} 


.polyntbar{
  background-color: #000;
  height: 22pt; 
  border-radius: 2px;
  background-color: #101010;
  margin: 2px;
  width: calc(100% - 4px);
  position: fixed;
  top: 2px;
} 

.polytext{
  color: #fff;
  font-size: 18pt;
  margin-top: 0px;
  width: 48%;
  margin-left: 4px;
  margin-right: 8px;
}

.left{
  float: left;
}

.right{
  float: right;
  text-align: right;
}

.panel{
  width: calc(100% - 4pt);
  background-color: #000000ee;
  border-radius: 8px;
  font-size: 22px;
  padding: 4px;
  margin: 4px;
}

#commandinput{
  display: block;
  font-family: inherit;
  border: none;
  outline: none;
  background-color: #0000;
}

span.sep{
  color: #777;
}

span#clock{
  color: #84f;
}

span.selected{
  background-color: #413141;
  border-bottom: 4px solid #83f;
}

.split{
  float: left;
  width: 50%;
}

.main{
  top: calc(22pt + 8px);
  position: relative;
  height: 95vh;
  margin: 4px;
  display: flex;
  gap: 6px;
}