Two different weights

Howdy everyone!  Im trying to have two different weights of the pixel font so that I can have it look different on my site BUT i cant seem to get the secondary weight to work. uve uploaded it into the custom files section but idk what im doing. Any suggestions? What do i need to do to make the lighter weight work for the paragraphs and  the heavier for the headers?

Heres the code:
 

@font-face {
font-family: 'PPNeueBit-Bold';
src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427a15f69795345707f54f/1698855445688/PPNeueBit-Bold.otf');
}

h1, h2, h3, .header-nav-item a {
font-family: 'PPNeueBit-Bold' !important;
}

h1 {
font-family: 'PPNeueBit-Bold' !important;
}

h2 {
font-family: 'PPNeueBit-Bold' !important;
}

h3 {
font-family: 'PPNeueBit-Bold' !important;
}

.sqsrte-large {
font-family: 'NeueBit-Regular' !important;
}

p {
font-family: 'NeueBit-Regular' !important;
}

.sqsrte-small {
font-family: 'NeueBit-Regular' !important;
}
 

@Exileking you may need to add font-weight properties to the CSS - can you send a link to the site so we can have a better look?

Of course please let me know if this link works!

https://hexaflexagon-dogfish-9g6n.squarespace.com/config/

@Exileking its telling me the site is private, you may need to just add a password to protect the site and share the password here instead?

@SaranyaDesigns heres what im trying to do!