/* Move down the body because we have a fixed navbar */
body {
  padding-top: 56px;
  background: #f6f6f6;
  font-family: Arial, sans-serif;
}

/* Compensate the padding-top of the body */
h3 {
  scroll-margin-top: 56px;
}

p {
  margin-bottom: 1.5rem;
}

.uppercase {
  text-transform: uppercase;
}

.larger2 {
  font-size: 3rem;
}

.larger {
  font-size: 1.125rem;
}

.smaller {
  font-size: 0.875rem;
}

img.logo {
  margin: 20px 20px;
}

.circular-image {
  border-radius: 50%;
}

.serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.white-glow {
  text-shadow: 0 0 0.3em white, 0 0 0.3em white, 0 0 0.3em white, 0 0 0.3em white;
}

.color1 {
  color: #212529;
}

.gray {
  color: #6c757d;
}

.nav-link-border-bottom {
  border-bottom: 3px solid #76b900;
}

.separator {
  width: 40px;
  height: 3px;
  background-color: #76b900;
}

.button-action {
  background-color: #76b900;
  color: #ffffff !important;
}

.button-action:hover, .button-action:active, .button-action:focus {
  background-color: #4b7600;
  color: #ffffff !important;
}

.toggle-off {
  border-color: #5e9400;
  color: #5e9400 !important;
}

.toggle-off:hover, .toggle-off:active, .toggle-off:focus {
  background-color: #76b900;
  color: #ffffff !important;
}

.toggle-on {
  background-color: #5e9400;
  color: #ffffff !important;
}

.toggle-on:hover, .toggle-on:active, .toggle-on:focus {
  background-color: #76b900;
  color: #ffffff !important;
}

.color6 {
  color: #76b900;
}

.badge {
  font-weight: normal;
}

.keyword-badge {
  background-color: #76b900;
}

.beginner-badge {
  background-color: #76b900;
}

.intermediate-badge {
  background-color: #e9af16;
}

a {
  color: #5e9400;
}

a:hover {
  color: #4b7600;
}

.hover-shadow:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important;
}