/* LIGHT */
body {
  background-color: var(--color-grey-medium);
}
body .badge {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 450px;
  text-align: center;
}
body .badge h3 {
  color: #BFE4E2;
  font-family: "Reddit Mono", monospace;
  font-size: var(--font-l);
  margin: 24px 0 12px;
}
body .badge p {
  color: var(--color-white);
  font-family: "Reddit Mono", monospace;
  font-size: var(--font-s);
}
body .badge img {
  transition: 0.3s;
}
body .badge img:hover {
  transform: scale(1.1);
}
body .bg-cyber {
  background-color: #7CCAC2;
}
body .effect-glitch {
  color: var(--color-blue);
}

.img-fullsize figcaption {
  color: var(--color-grey-dark);
}
.img-fullsize .project-section-desc p {
  color: #fff;
}
.img-fullsize .project-section-desc,
.img-fullsize .project-header,
.img-fullsize .project-section p {
  color: var(--color-white);
}
.img-fullsize .project-links a {
  color: var(--color-green);
}
.img-fullsize .project-links a:hover {
  color: var(--color-white);
}
.img-fullsize .project-subtitle {
  color: #fff;
  text-shadow: var(--text-shadow-3);
}
.img-fullsize .project-title i {
  color: var(--color-blue-light);
}

/* DARK */
body.dark-mode {
  background-color: var(--color-blue-storm);
  color: var(--color-white);
}
body.dark-mode .bg-cyber {
  background-color: #030D19;
}
body.dark-mode .img-fullsize figcaption {
  color: var(--color-grey-medium);
}
body.dark-mode .project-section-desc a {
  color: var(--color-blue);
}
body.dark-mode .project-section-desc,
body.dark-mode .project-section p {
  color: var(--color-blue-light);
}
body.dark-mode .project-subtitle {
  color: var(--color-grey-light);
}
body.dark-mode .project-links a {
  color: var(--color-blue-light);
}