Left'align vertical stacked navigation

Hi, I have created a vertical stacked navigation with the below code. I cannot provide you with a link but have attached a screenshot. The problem is that my navigation links are centered and I cannot get them to left-align. I tried adding text-align: left !important and horizontal-align: left !important etc. but nothing works. Can anyone help with this? Thanks!

This is the code I have used:

// Vertical navigation //

@media only screen and (min-width:991px) {   
  .page-section:first-of-type {     
    padding-top:0px !important;   
  }   
  .page-section {     
    margin-right: 0px; 
  }   
  #header {     
    width: 50px;     
    position: fixed;     
    height: 100vh;     
    z-index: 99999 !important; 
    display: table;     
    writing-mode: horizontal-rl; 
    text-orientation: mixed; 
  }   
  .header .header-announcement-bar-wrapper {     
    padding: 10px 30px 10px 10px;   
  }   
  .header-inner{    
    height: 100vh;     
    display: table-cell;     
    vertical-align: middle !important;
  } 
  
}

.header-nav-item {
 margin-bottom: 5px;
}

// Remove Site title //

.header-title {
  visibility : hidden !important;
 
  }
 

share site url pls?

https://apple-rhombus-89xg.squarespace.com/ the password is wb

past this one in custom css box

.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav .header-nav-list {
    justify-content: left;
}