html,
body {
  background-color: #000;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slpercent {
  position: absolute;
  bottom: 516px;
  right: 120px;
  color: #888;
  /* font: 18px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */
}


.night-mode {
  position: absolute;
  top: 10px;
  right: 120px;
  color: #888;
  font: 11px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.nbbx {
  position: absolute;
  top: 30px;
  right: 1px;
 }

.night-mode p,
.night-mode b,
.night-mode input,
.night-mode label,
.night-mode select,
.night-mode button,
.night-mode q-btn {
  display: inline;
  vertical-align: middle;
  /* this will align them vertically to the middle */
  margin: 0;
  /* remove default margin for p and others if needed */
}

.night-mode select {
  display: inline-block;
  /* sometimes select needs inline-block to behave correctly */
}

.form-select-sm {
  font-size: 11px;
  /* adjust as needed */
}