:root {
  --color-primary: #e2a8a8;
  --color-secondary: #8ac6d0;
  --color-gradient-start: #ecbabe;
  --color-gradient-stop: #8ac6d0;
}
.main-nav > li > a {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-transform: uppercase;
}

.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover {
  color: var(--color-primary);
}
.social-icon > li > a {
  color: #ffffff;
}
.social-icon > li.is-active > a,
.social-icon > li.current-menu-item > a,
.social-icon > li:hover > a,
.social-icon > li > a:hover {
  color: var(--color-primary);
}