@import url("https://fonts.googleapis.com/css2?family=Maven+Pro&family=Roboto:wght@100;300;400;500;700&display=swap");
* {
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

:root {
  --side-bar-bg-color:#3D103E;
  --side-bar-first-circle-bg-color:#FC605A;
  --side-bar-second-circle-bg-color:#FEBC28;
  --side-bar-third-circle-bg-color:#2BC940;
  --side-bar-active-list-bg-color:#1B538F;
  --user-online-status-color:#2BAC76;
  --side-bar-category:#3D4B53;
  --side-bar-list-hover:#2B092B;
  --side-bar-text-color:#5B7488;
  --header-input-bg-color:#5d3f5d;
}

.divided-screens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1100px;
  margin: 4% auto;
}
/*# sourceMappingURL=style.css.map */