@charset "UTF-8";

.light-theme body {
  background: white;
  color: #222831;
}

.light-theme div.nav {
  border-right: solid #dcdcdc;
}

.light-theme header::after {
  background: white;
  color: #222831;
}

.light-theme header nav {
  border-bottom: solid black;
}

.light-theme footer {
  background-color: rgba(53, 99, 146, 0.1);
  color: black;
}

.light-theme h1,
.light-theme h2,
.light-theme h3 {
  border-bottom: double black;
}

.light-theme h1,
.light-theme h2,
.light-theme h3,
.light-theme h4,
.light-theme .faux-h1 {
  color: black;
}

.light-theme h1 a,
.light-theme h2 a,
.light-theme h3 a,
.light-theme h4 a,
.light-theme .faux-h1 a {
  color: black;
}

.light-theme nav a {
  color: black;
}

.light-theme a {
  border-bottom: 1px solid black;
  color: black;
}

.light-theme .slider:after {
  position: absolute;
  content: "🌞";
  text-shadow: none;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  left: 3px;
  bottom: 4px;
  line-height: 1.5rem;
}

.light-theme .slider {
  background-color: #2196f3;
}

.dark-theme body {
  background: #252525;
  color: #cacaca;
}

.dark-theme div.nav {
  border-right: solid #999999;
}

.dark-theme header::after {
  background: #252525;
  color: #999999;
}

.dark-theme header nav {
  border-bottom: solid #999999;
}

.dark-theme footer {
  background-color: rgba(53, 99, 146, 0.1);
  color: #fafafa;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3 {
  border-bottom: double #999999;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme .faux-h1 {
  color: #dcdcdc;
}

.dark-theme h1 a,
.dark-theme h2 a,
.dark-theme h3 a,
.dark-theme h4 a,
.dark-theme .faux-h1 a {
  color: #dcdcdc;
}

.dark-theme nav a {
  color: #dcdcdc;
}

.dark-theme a {
  border-bottom: 1px solid #d7d7d7;
  color: #989898;
}

.dark-theme .slider:after {
  position: absolute;
  content: "🌚";
  text-shadow: none;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  left: 3px;
  bottom: 4px;
  line-height: 1.5rem;
}

.dark-theme .slider {
  background-color: #ccc;
}

/*# sourceMappingURL=theme.css.map */