:root {
  --body-bg-color: #e8e8f1;
  --withe-bg-color: #fff;
  --light-bg-color: #f6f7ff;
  --linear-color: linear-gradient(90deg, #4832ff, #816bff);
  --re-linear-color: linear-gradient(90deg, #816bff, #4832ff);
  --shadow-bg: 0px 7px 20px 1px #d7ceff30;
  --btn-active-color: #3b3eff;
  --btn-light-color: #e9ecfe;
  --big-shadow: 0 28px 50px rgb(212 221 255);
  --hilight-color: #3b3eff;
  --light-text-color: #9498cd;
  --heave-text-color: #44507b;
  --border-color: #f7f7ff;
  --icon-color: #44507b;
  --box-bg: #eff1ff;
  --box-light: #b1b3d2;
  --dark-color: #2f2f2f;
}


body {
  background: #eee;
  font-weight: 400;
}

.site {
  background: #f5f5f5;
  overflow: hidden;
}

.site-header-align-center .navigation-menu .menu-item {
  border-right: none;
  display: inline-block;
  margin: 0;
  padding: 0 5px;
}

.site-content,
.site-secondary {
  padding: 0 2rem;
}


.site-footer {
  border-top: 1px solid #ddd;
  margin: 1em 0 0;
  padding: 2rem 0
}

.site-footer>div {
  padding: 0 2rem;
}

.site-footer-block {
  margin-top: 1em;
  color: #777;
}

.nav-menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(.25turn, rgb(0, 123, 253, 1), rgb(0, 123, 253, .8));
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 20px;
}


.nav-menu-item {
  color: rgb(255, 255, 255, 0.6);
  font-weight: 400;
}

.nav-menu-item a {
  color: rgb(255, 255, 255, 0.6);
  font-weight: 400;
}

.nav-menu-item a:active {
  color: rgb(255, 255, 255);
  font-weight: 600;
}

.nav-menu-item .menu-active {
  color: rgb(255, 255, 255);
}

.nav-menu-item a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}


.nav-menu-dot {
  width: 20px;
  color: rgb(255, 255, 255, 0.6);
}