.active {
  --bg-2: #e3e3e3b5;
  --bg-1: #F9F9F9;
  --font-color1: #1C1D20;
  --font-color2: rgb(79, 79, 102);
  --primary-color: #d9ba96;
}
.active #nav-right .nav-links li a {
  color: var(--font-color1);
}
.active #home-content samp {
  color: var(--font-color1);
}
.active #aboutMe-content .content-right h4 {
  color: var(--font-color1);
}
.active #education-content {
  border-left: 0.1rem dashed var(--primary-color);
}
.active #education-content .content::after {
  border-top: 0.1rem dashed var(--primary-color);
}
.active #education-content .content .deg p {
  color: var(--font-color1);
}
.active #skills {
  border-bottom: 0.5px solid var(--border-color);
}
.active #skills-content .content span {
  color: #1C1D20;
}
.active #freelance::before {
  opacity: 1;
  filter: contrast(30%);
}
.active #freelance-container p {
  color: var(--font-color1);
}
.active #contactMe-content .content-left .contact-details .details span {
  color: var(--font-color1);
}
.active #contactForm input {
  color: var(--font-color2);
  border: 0.5px solid var(--border-color);
}
.active #contactForm input:focus {
  outline: 1px solid var(--primary-color);
  border-color: var(--bg-1);
}
.active #contactForm textarea {
  color: var(--font-color2);
  border: 0.5px solid var(--border-color);
}
.active #contactForm textarea:focus {
  outline: 1px solid var(--primary-color);
  border-color: var(--bg-1);
}
.active #footer {
  border-top: 0.5px solid var(--border-color);
}
.active #footer-bottom span {
  color: var(--font-color2);
}/*# sourceMappingURL=theme.css.map */