window {
  /* Be careful about setting values here, this also modifies the debugger appearance */
  font-family: 'MesloLGS Nerd Font Mono', 'Courier New', 'Bars', 'Font Awesome 5 Free';
  font-size: 12px;
  color: #000000;
}

.bar {
  background-color: rgba(29, 32, 33, 0.0);
  color: #f2e5bc;
  
  font-family: 'MesloLGS Nerd Font Mono', 'Courier New', 'Bars', 'Font Awesome 5 Free';
  font-size: 12px;
  line-height: 12px;
}

.workspace {
  padding: 0px 24px 0px 24px;
  /* border: 1px solid rgba(255, 0, 0, 0.4); */
}

.workspacechild {
  /* distance between workspace children */
  margin-left: 8px;
  border: 1px solid rgba(168, 153, 132, 0.4);

  color: #f2e5bc;
  background-color: rgba(60, 56, 54, 0.4);

  font-size: 11px;
  border-radius: 11px;

  transition: all 500ms;
  transition-property: min-width, background-color;
}

.workspacechild:first-child {
  margin-left: 0px;
}

.workspacechild:selected {
  /* min-width: 32px; */
  border: 1px solid #f2e5bc;
  background-color: #f2e5bc;
  color: #333333;
  font-weight: bold;
}

.right_bar {
  background-color: rgba(255, 0, 0, 0);
}

.data_start {
  font-size: 24px;
  color: #86BBD8;
}

.data_wrapper {
  background-color: #86BBD8;
}

.icon {
  font-size: 20px;
  line-height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  padding-left: 24px;
  padding-right: 8px;
}

.memory {
  color: #fff;
}

.cpu {
  color: #fff;
}

/* .cpu.usage-10 {
  color: #00ff00;
}

.cpu.usage-20 {
  color: #ff0000;
} */

.clock_start {
  font-size: 24px;
  color: rgba(60, 56, 54, 1);
  padding-left: 16px;
}

.clock_wrapper {
  background-color: rgba(60, 56, 54, 1);
  padding-right: 16px;
}

.bar_end {
  font-size: 20px;
  color: rgba(60, 56, 54, 1);
}

.clock {
  /* border-radius: 0px 0px 0px 24px; */
}

.box.red {
  background-color: rgba(255, 0, 0, 1);
}

.box.green {
  background-color: rgba(0, 255, 0, 1);
}

.box.blue {
  background-color: rgba(0, 0, 255, 1);
}

.box.red.green.blue {
  background-color: rgba(255, 255, 255, 1);
}

.weather {
  color: #fff;
}

.weather.icon {
  font-weight: bold;
  padding-left: 0px;
}

.battery.icon {
  color: #fff;
  font-size: 14px;
}