/* Mobile */
@media only screen and (min-width: 0rem) {
    :root {
      --dark: #000000;
      --mediumDark: #222222;
      --mediumLight: #4b4b4b;
      --accentDark: #7d7d7d;
      --accentLight: #bfbfbf;
      --dmAccentColor1: #ff6a3e;
      --dmAccentColor2: #ffba43;
      --bodyTextColorWhite: #fafbfc;
    }
    body.dark-mode {
      background-color: var(--dark);
    }
    body.dark-mode p,
    body.dark-mode li,
    body.dark-mode h1,
    body.dark-mode h2,
    body.dark-mode h3,
    body.dark-mode h4,
    body.dark-mode h5,
    body.dark-mode h6,
    body.dark-mode .cs-title,
    body.dark-mode .cs-text,
    body.dark-mode .cs-li {
      color: var(--bodyTextColorWhite);
    }
    body.dark-mode .light {
      display: none;
    }
    body.dark-mode .dark {
      display: block !important;
    }
    .dark {
      /* class used to hide elements that only need to be seen when dark mode is enabled */
      display: none;
    }
}