:root{
  --bg-primary:#64c0bf !important;
  --bg-primary-fade:#64c0bfe0 !important;
  --bg-primary-fade-strg:#64c0bfef !important;
  --bg-hover:#64c0bf !important;
  --fg-primary:#82bab3 !important;
  --fg-secondary:#e3cd96 !important;
  --bs-btn-active-bg: #4ab5b3 !important;
  --bs-btn-hover-bg: #4ab5b3 !important;
}

.page {
  background-color: var(--bg-primary-fade) !important;
}

.myNavButton{
  background-color:var(--bg-primary);
}

.myNavButton:hover, .myNavButton:checked{
  background-color:var(--bs-btn-hover-bg) !important;
}

.logo-b5{
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(2971%) hue-rotate(201deg) brightness(96%) contrast(100%)
}

.outline {
  text-shadow:
  3px 3px 0 var(--fg-primary),
  -3px 3px 0 var(--fg-primary),
  -3px -3px 0 var(--fg-primary),
  3px -3px 0 var(--fg-primary) !important;
  color: black !important;
}

footer {
  background-color:var(--bg-primary-fade-strg) !important;
}
/* unvisited link */
a {
  color: #f0f0e7e0;
}

/* unvisited link */
a:hover {
  color: black;
}