@media (prefers-color-scheme: dark) {
  body {
    background-color: #000000 !important;
  }
  .nav-main {
    background-color: #000000 !important;
    border-bottom: 1px solid #ececec36 !important;
  }
  .section-page-intro {
    background-color: #000000 !important;
  }
  .navbar-logo {
    color: #ffffff !important;
  }
  .navbar-link {
    color: #ffffff !important;
  }
  .navbar-link-divider {
    opacity: .5;
    color: #ffffff !important;
  }
  .page-intro-text-wrapper {
    color: #ffffff !important;
  }
  .second-title {
    color: #ffffff !important;
  }
  .copy-medium-second {
    color: #ffffffba !important;
  }
  .resume-heading {
    color: #ffffff !important;
    border-bottom: 1px solid #ececec36 !important;
  }
  .resume-title {
    color: #ffffff !important;
  }
  .resume-text {
    color: #ffffffba !important;
  }
  .footer {
    border-top: 1px solid #ececec36 !important;
  }
  .footer-heading {
    color: #ffffff !important;
  }
  .footer-social-icon {
    color: #ffffff !important;
  }
  .footer-copyright {
    color: #ffffffba !important;
  }
  .resume-date {
    color: #ffffffe8 !important;
  }
  .dark-white-text {
    color: #ffffff !important;
  }
  .heading-style-h3 {
    color: #ffffff !important;
  }
  .page-text {
    color: #ffffffba !important;
  }
  .blog-title {
    color: #ffffff !important;
  }
  .blog-text {
    color: #ffffffba !important;
  }
  .blog-date {
    color: #ffffffbf !important;
  }
  .field-label {
    color: #ffffff !important;
  }
  .form_input {
    border: 1px solid #ececec36;
    background-color: #1c1c1c !important;
    color: #ffffff !important;
  }
  .form_input:focus {
    border-color: #ffffff;
  }
  .form_input::placeholder {
    color: #ffffffba !important;
  }
  .submit-btn {
    border: 2px solid #ffffff !important;
    background-color: transparent;
  }
  .submit-btn:hover {
    background-color: #ffffff;
    color: #000000;
  }
  .blog-post-title {
    color: #ffffff !important;
  }
  .blog-post-author-heading {
    color: #ffffff !important;
  }
  .blog-post-date {
    color: #ffffffba !important;
  }
  .blog-post-text {
    color: #ffffff !important;
  }
  .blog-post-share-btn {
    border: 1px solid #ececec36;
    background-color: #1c1c1c !important;
    color: #ffffff !important;
  }
  .blog-post-share-icon.text-color-gray400 {
    color: #ffffff82 !important;
  }
  .heading-style-h6 {
    color: #ffffff;
  }
}