/* Black theme for crack page */
body {
  background-color: #000 !important;
}

/* Header styles */
body .page #header,
body .page #header > div,
body .page #header nav {
  background-color: #000 !important;
}

body .page #header *:hover {
  background-color: #000 !important;
}

/* Content styles */
body .page .content-wrap.pages-menu {
  background-color: #000 !important;
  color: #fff !important;
}

/* Text colors */
body .page h1,
body .page h2,
body .page h3,
body .page h4,
body .page h5,
body .page h6,
body .page p,
body .page a {
  color: #fff !important;
}

/* Portfolio specific */
body .page .content-wrap.pages-menu .pages-box,
body .page .content-wrap.pages-menu .pages-box-image,
body .page .content-wrap.pages-menu .pages-box-contents,
body .page .content-wrap.pages-menu .pages-caption-box {
  background-color: #000 !important;
}

body .page .content-wrap.pages-menu .pages-box-image img {
  background-color: #000 !important;
}

body .page .content-wrap.pages-menu .pages-caption-box p.pages-caption {
  color: #fff !important;
}

/* Hover states */
body .page .content-wrap.pages-menu .pages-box:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Coding section styles */
.coding {
  background-color: #000 !important;
}

.word-sleuth {
  background-color: #000 !important;
}

.word-sleuth-content p {
  color: #fff !important;
}

.section-divider {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Games section styles */
.games-section {
  background-color: #000 !important;
  padding: 2rem;
}

.games-section-title {
  text-align: center;
  color: #fff !important;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.games-grid {
  background-color: #000 !important;
}

.game-box {
  background-color: #000 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.game-box:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.game-title,
.game-description {
  color: #fff !important;
}