@font-face {
    font-family: squad;
    src: url(../font/Squad-ExtraBold-4a6e7e5ee98001586fb033b9e32cfd8b1160f6c1bb936a6885c602719e766831.ttf);
  }

h1 {
    color: #5949A7;
    font-size: 3em;
    font-weight: 100;
    font-family: 'squad', sans-serif !important;
}

.nav-link{

  color: #5949A7;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  font-family: 'squad', sans-serif !important;

}

.navbar{
  /* background-color: #f2e605 !important; */
  background-color: white !important;
  border-bottom: 2px solid red;

}

#help-button{
  min-width: 52px;
  border-radius: 26px;
  height: 52px;
  color: rgb(43, 40, 40);
  background-color: white;
}

#help-overlay{
  position: fixed;
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(124, 124, 124, 0.185);
  z-index: 15;
  padding-bottom: 100px  !important;
  overflow-y: hidden;
  display: none  !important;


}


#help-content{

  background-color: white;
  border: 1px solid rgba(0,0,0,.125);
  max-width: 1200px;
  margin-top: 70px;
  border-radius: 26px;

  width:100%;
  height: 100%;
  overflow: hidden;


}

.help-header-title{
   margin-left: 32px;
   margin-top: 32px;
   color: #5949A7;
   font-size: 2em;
   font-weight: 100;
   font-family: 'squad', sans-serif !important;
}

.help-display{
  padding: 24px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}



#help-close-button{
  min-width: 52px;
  border-radius: 26px;
  height: 52px;
  color: rgb(43, 40, 40);
  background-color: white;
  margin-right: 60px;
  margin-top: 12px;
}