:root {
  --text-color-white: #fefefe;
  --text-color-gray: #4b4b4b;
  --background-color-orange: #f39c11;
  --background-color-blue: #355592;
  --background-color-light-blue: #f1f8ff;
}

/* when hamburger menu opened; */
.nav-open a {
  color: var(--text-color-gray);
}

.classes::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  z-index: -1;
  clip-path: polygon(40% 0%, 50% 100%, 100% 100%, 100% 0%);
}