:root {
  --primary-color: #f13a3a;
  --body-color: #f9f9f9;
  --text-color: #636363;
  --text-color-dark: #242738;
  --text-color-primary: #0aa8a7;
  --white-color: #ffffff;
  --light-color: #f8f9fa;
  --font-family: Lato;
}
::-webkit-scrollbar {
  width : 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background : #bebebe;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background : #ededed;
}
a {
   text-decoration: none;
}
svg path,
svg rect{
  fill: #FFFFFF;
}

.page-header {
  background-color: #2b2b2b;
}
.page-header .site-logo {
  height: 3rem;
}
.page-header .site-name {
  font-size: 2rem;
  color: #FFFFFF;
}
.page-header .page-nav {
  margin: 0;
}
.page-header .page-nav .page-nav-item .page-nav-link {
  background-color: var(--primary-color);
  color: #FFFFFF;
  padding: 1rem 2rem;
}
.footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 1rem 0;
}

@media (max-width: 991px) {
  .page-header .site-logo {
    width: 8rem;
  }
  .page-header .page-nav .page-nav-item .page-nav-link {
    padding: 1rem 2rem;
  }
}