#helpContainer .nav-link{
    width: 100%;
    padding: 1rem 1.5rem;
    color: white;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    border-radius: 0 !important;
    text-align: left;
}   

#helpContainer .nav-link:hover{
    text-decoration: none;
    background-color: #343a40 !important;
    color: white;
}

#helpContainer .nav-link.active{
    background-color: white !important;
    color: black !important;
}



.help-item-body{
    max-width: min(50rem, 100%);
    padding: 1.25rem;
}

.help-item-title{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 3vh;
}

.help-item-title-icon{
    width: 40px;
    height: 40px;
    margin-right: 1rem;
}

#helpContainer .tab-content > .active {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}



.contact-button{
    background-color: orange !important;
    color: black;
}

.contact-button:hover{
    background-color: orange !important;
    text-decoration: none !important;
    color: white !important;
}



.code-block{
  padding: 1rem;
  margin-top: 0.7rem;
  border-radius: .25rem;
  box-shadow: inset 0 0px 4px 0 rgba(148, 148, 148, 0.15), inset 0 0px 20px 0 rgba(165, 165, 165, 0.15);

  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;

  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}


@media only screen and (max-width: 768px) {
  #helpContainer .nav-link{
      padding: 0.6rem 0.7rem;
  }
}