.headerNavDiv {
    display: flex;
    flex-direction: row;
    background-color: #495668;
    height: 500px;
    color: white;
    font-family: "Alef Hebrew", Arial, Helvetica, sans-serif;
    white-space: nowrap;
  }
  
  .headerNavRootElement {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .headerNavRootLabel:hover {
    border-bottom-color: rgb(117, 189, 229);
    transition: 500ms;
  }
  
  .headerNavRootLabel {
    padding: 10px;
    font-size: 1.3rem;
    border: solid 3px transparent;
  }
  
  .headerNavddMenu {
    position: absolute;
    top: 50px;
  }
  
  .headerNavddMenuSectionTitle {
    font-size: 1.2rem;
  }
  

  
  /* RECURSIVE CLASSES */
  
  .headerNavLevel0 {
      font-size: 1.3rem;
      display: flex;
      flex-direction: column;
      margin: 5px 10px;
  }
  
  .headerNavLabelLevel0 {
      font-size: 1.25rem;
      border: solid 3px transparent;
      color: white;
  }
  .headerNavLabelLevel0:hover {
      border-bottom-color: rgb(117, 189, 229);
      transition: 500ms;
    }
  
  .headerNavLevel1 {
      font-size: 1.2rem;
      display: flex;
      flex-direction: row;
  }
  
  .headerNavLabelLevel1 {
      font-size: 1.1rem;
  }
  
  .headerNavLevel2 {
      font-size: 1.1rem;
      display: flex;
      flex-direction: column;
  }
  
  .headerNavLabelLevel2 {
      font-size: 1.0rem;
  }
  
  .headerNavLevel3 {
      font-size: 1.0rem;
      display: flex;
      flex-direction: column;
  }
  
  .headerNavLabelLevel3 {
      font-size: 0.9rem;
  }