@charset "UTF-8";

.capitalize {
  color: light-dark( var(--wa-color-indigo-50), var(--wa-color-purple-50) );
  font-weight: 600;
  font-size: clamp(3rem, 5vw, 4rem);
  text-shadow: -1px -1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), 1px -1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), -1px 1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), 1px 1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) );
}

.show-on-small {
  display: none;
}

.base-color {
  color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) );
}

#header-stack {
  background-color: light-dark( var(--wa-color-tan-50), var(--wa-color-gray-90) );
}

@media (max-width: 1024px) {
  .hide-on-small {
    display: none;
  }
  .show-on-small {
    display: inline;
  }
  .capitalize {
    font-size: 1.75em;
  }
}

.site-title h1 {
  font-size: 2rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(1rem, 5vw, 3rem);
  font-weight: 500;
}

header {
  padding: 1rem;
  background-color: light-dark( var(--wa-color-gray-50), var(--wa-color-black-00) );
  margin-bottom: 0;
}

.header-box {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.img-div {
  flex-grow: 1;
}

.img-div img {
  width: auto;
  height: auto;
  max-height: 100px;
}

.h1-div {
  flex-grow: 8;
  margin-bottom: 0;
  padding-bottom: 0;
}

.menu-div a {
  font-size: 1.2em;
  color: light-dark( var(--wa-color-indigo-50), var(--wa-color-purple-50) );
  text-shadow: -1px -1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), 1px -1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), -1px 1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), 1px 1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) );
  border: none;
  background-color: transparent;
  padding: 0.5em;
}

.menu-div a:hover {
  color: light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) );
  text-shadow: -1px -1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), 1px -1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), -1px 1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) ), 1px 1px 0 light-dark( var(--wa-color-blue-50), var(--wa-color-gray-90) );
}