 @media only screen and (min-width: 0em) {:root {--dark: #082032;--medium: #2C394B;--accent: #334756;}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 {color: #fff;}body.dark-mode .light {display: none;}body.dark-mode .dark {display: block !important;}.dark {display: none;}}@media only screen and (min-width: 0em) {body.dark-mode #dark-mode-toggle .sun {transform: translate(-50%, -50%);opacity: 1;}body.dark-mode #dark-mode-toggle .moon {transform: translate(-50%, -150%);opacity: 0;}#dark-mode-toggle {display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 3.75em;width: 3em;height: 3em;background: transparent;border: none;overflow: hidden;padding: 0;}#dark-mode-toggle img, #dark-mode-toggle svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.5625em;height: 1.5625em;pointer-events: none;}#dark-mode-toggle .moon {z-index: 2;transition: transform .3s, opacity .3s, fill .3s;fill: #000;}#dark-mode-toggle .sun {z-index: 1;transform: translate(-50%, 100%);opacity: 0;transition: transform .3s, opacity .3s;}}@media only screen and (min-width: 64em) {#dark-mode-toggle {position: relative;top: auto;right: auto;transform: none;margin-left: 1.875em;margin-bottom: 0em;}#dark-mode-toggle .moon {fill: #fff;}}em;
    height: 1.5625em;
    pointer-events: none;
  }
  #dark-mode-toggle .moon {
    z-index: 2;
    transition: transform .3s, opacity .3s, fill .3s;
    fill: #000;
  }
  #dark-mode-toggle .sun {
    z-index: 1;
    transform: translate(-50%, 100%);
    opacity: 0;
    transition: transform .3s, opacity .3s;
  }
}
/* Desktop */
@media only screen and (min-width: 64em) {
  #dark-mode-toggle {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    margin-left: 1.875em;
    margin-bottom: 0em;
  }
  #dark-mode-toggle .moon {
    fill: #fff;
  }
}