:where(.front) body {
  color: #000;
}

:where(.front) h1 {
  text-align: center;
  font-size: 4rem;
}

.post h1 {
  text-align: left;
}

.page-header__desktop .page-header__main {
  background: #fff;
}

.page-header__desktop .page-header__main .menu > li > span,
.page-header__desktop .page-header__main a {
  color: #333;
}

/* main menu button hover background */
.page-header__desktop .page-header__main .current>a,
.page-header__desktop .page-header__main .is-active>a,
.page-header__desktop .page-header__main a:hover {
  background: none;
}

/* main menu button hover bbutton border */
.page-header__desktop .page-header__main .desktop-menu .dropdown.menu>li>a:hover:after {
    border-color: #b1bb39;
}

/* drop down menu */
.page-header__desktop .page-header__main .desktop-menu .is-dropdown-submenu {
  background: #b1bb39;
  color: #FFF;
}

/* drop down menu tip */
.page-header__desktop .page-header__main .desktop-menu .dropdown.menu > li.is-dropdown-submenu-parent::after {
  border-bottom-color: #b1bb39;
}

/* drop down hover */
.page-header__desktop .page-header__main .is-dropdown-submenu a:hover {
  background: #969e30;
}

.page-header__desktop .page-header__main .dropdown.menu > li.is-dropdown-submenu-parent:after {
  border-bottom-color: #fff600; /* yellow */
}

.page-header__desktop .page-header__main .is-dropdown-submenu {
  background: #ff60fd; /* pink */
}

.page-footer {
  background: #e4e4e4;
}

:root { --body-font-family: Montserrat, sans-serif; --heading-font-family: Montserrat, sans-serif; }
.page-header__desktop .site-logo img,
.page-header__desktop .site-logo svg {
width: 100px;
height: 100px;
}