#root {
  margin: 0 auto;

  --white: #fff;
  --black: #212121;
  --primary: #03c9d7;
  --green: #05b187;
  --orange: #fb9678;
  --yellow: #fec90f;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#main-page {
  height: calc(100svh - 64px);
  display: flex;
  overflow: hidden;
}

#main-page .main-content {
  max-height: calc(100svh - 64px);
  overflow-y: auto;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}

a:hover {
  color: #535bf2;
}
