html, body, #root {
  width: 100%;
  height: 100%;
  margin: 0;
}

:root {
  --theme-color: #fff;
  --theme-front: #000;
  --header-height: 64px;
}

.main-layout {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.fixd-header {
  width: 100%;
  position: fixed;
  top: 0;
  height: var(--header-height);
  line-height: var(--header-height);
  z-index: 100;
}

.ant-layout {
  background-color: #f0f2f5;
}

.layout-background {
  background-color: var(--theme-color);
  color: var(--theme-front);
}