:root {
  --primary-color: #404040;
  --secondary-color: #72B626;
  --dark-color:  #1a1a1a;
  --white-color: #ffffff;
}

/* .odd {

} */

.even {
  font-weight: bold;
}

body {
  color: var(--dark-color);
}

nav {
  background-color: var(--dark-color);
}

footer {
  background-color: var(--dark-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-color);
}

footer {
  padding-right: 1rem;
}

footer .social > a {
  color: var(--white-color);
}

footer .social > a:hover {
  opacity: 0.8;
}

.bsicon {
  color: purple;
}

.jsicon {
  color: rgb(226, 211, 4);
}

.html5icon {
  color: orangered;
}

.cssicon {
  color: rgb(11, 82, 214);
}

.checklist > li i {
  color: var(--secondary-color);
}

code[class*="language-"],
pre[class*="language-"] {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

main > .container {
  padding: 60px 15px 0;
}

.fizzBuzz {
  font-weight: bold;
  font-style: italic
}