:root {
  --base: #82a429;
  --navhover: rgb(231, 228, 228);
  --article: #f8f8f8;
  --article-content: #ffffff;
  --basewhite: #fff;
  --slidefocus: transparent
}

.navColor-top {
  background-color: var(--basewhite);
}

.headImg {
  background-color: var(--base);
}

footer {
  background-color: var(--base);
}

.nav .open a:hover {
  background-color: var(--navhover);
}

.nav .open>a {
  background-color: var(--navhover);
}

.nav-subcolumn {
  background-color: var(--basewhite);
}

.btn-color {
  color: var(--basewhite);
}

.btn-color:hover {
  opacity: 0.8;
}

.btn-color:focus-visible {
  outline: 2px solid var(--slidefocus);
}

.list-outside {
  background-color: var(--article);
}

.nav-part-top {
  background-color: var(--base);
  color: var(--basewhite);
}

.nav-part-content {
  background-color: var(--article);
}

.nav-part-content a:hover {
  color: var(--base);
}

.list a:hover {
  color: var(--base);
}

.transition-effect-list::after {
  background-color: var(--base);
}

.transition-effect-nav::after {
  background-color: var(--base);
}

.list>ul>li>p {
  color: rgb(153, 153, 153);
}

.transition-effect-nav::after {
  background-color: var(--base);
}

.transition-effect-list:hover::after {
  width: 100%;
}

.transition-effect-nav::after {
  background-color: var(--base);
}

.transition-effect-nav:hover::after {
  width: 100%;
}

.article-color {
  background-color: var(--article);
}

.article-part-top {
  background-color: var(--base);
  color: var(--article);
}

.article-part-content {
  background-color: var(--article);
}

.article-part-content>a:hover {
  color: var(--base);
}

.introduction a {
  color: #646464;
}

.wp_articlecontent p {
  background-color: transparent !important;
}

.wp_articlecontent span {
  background-color: transparent !important;
}

.panel-body {
  background-color: var(--article);
}

.footer-list>li>a>p {
  color: var(--basewhite);
}

.dropdown a {
  font-size: large;
}

.scool-homePage {
  color: var(--basewhite);
}

.scool-homePage a {
  color: var(--basewhite);
}

.CenterContent {
  background: url(../image/background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

body {
  background: url(../image/background.png);
}

.listColor {
  color: var(--base);
}