:root {
  --lilith-inactive-color: #999999;/*red a4334a*/
  --lilith-outer-color: #983bcd;/*pink ddbfee*/
  --lilith-inner-color: #d8b8f1;
  --lilith-border-color: #411758;
  /*--lilith-window-text-color: #F7DDB9;*/
  --lilith-window-text-back: #DDD; /*F9EFF9*/
  --lilith-username-color: #5072D6;
  --lilith-button-color: #F8E1FB;
  --lilith-task-color: #F6E0F8;
  --lilith-scrollbar-inner-color: #DB8ED6;
  --lilith-scrollbar-inner-hover-color: #B471B0;
  --lilith-scrollbar-outer-color: #C5EAFC;
}

body {
  background: url(deepslate.jpg);
  background-size: 64px;
}

html {
  box-shadow: inset 0 0 2000px #000;
}

.app {
  -webkit-text-stroke: 4px white;
  paint-order: stroke fill;
  color: var(--lilith-window-text-color);
}

.left, .right, .middle {
  display: flex;
  flex-direction: column;  
}