One Line Nav links to the right and at the bottom of the logo

Site URL: https://toucan-badger-7k9y.squarespace.com

I am sooooo close with my code. I just want the navigation links to be one line to the right of the logo but lined up with the bottom of the logo with the search bar above. The site url is:

https://toucan-badger-7k9y.squarespace.com

pass: raNgo2021

Current code is:

@media screen and (min-width:992px) {
.header-nav-wrapper {
    position: relative;
    top: 250px;
}
}

Thanks!

1 hour ago, MeganTallTails said:

Site URL: https://toucan-badger-7k9y.squarespace.com

I am sooooo close with my code. I just want the navigation links to be one line to the right of the logo but lined up with the bottom of the logo with the search bar above. The site url is:

https://toucan-badger-7k9y.squarespace.com

pass: raNgo2021

 

Current code is:

@media screen and (min-width:992px) {
.header-nav-wrapper {
    position: relative;
    top: 250px;
}
}

Thanks!

EDIT

I had a search bar but now its gone. I didn't change any of the code injection or css code. Any help please!

Add to Design > Custom CSS

/* Align nav */
nav.header-nav-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.header-title-nav-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}