/* Darkmode toggle button always visible above footer */
.darkmode-toggle {
  z-index: 99999 !important;
  position: fixed !important;
}

/* Darkmode overrides */
.darkmode--activated body {
  background: #181a1b !important;
  color: #e8e6e3 !important;
}
.darkmode--activated .box {
  background: #23272f !important;
  color: #e8e6e3 !important;
}
.darkmode--activated #header {
  background: rgba(24, 26, 27, 0.95) !important;
  color: #e8e6e3 !important;
}
.darkmode--activated #footer {
  background: #23272f !important;
  color: rgba(232, 230, 227, 0.7) !important;
}
.darkmode--activated #content,
#work,
#contact {
  background: #23272f !important;
  color: #e8e6e3 !important;
}
.darkmode--activated input,
.darkmode--activated textarea,
.darkmode--activated select {
  background: #23272f !important;
  color: #e8e6e3 !important;
  border-color: #444 !important;
}
.darkmode--activated .main.dark {
  color: #e8e6e3 !important;
}
.darkmode--activated a {
  color: #8ab4f8 !important;
}