CSS does not take effects and it doesn’t show in inspect [closed]

Question

This is the relevant section of CSS in your stylesheet:

/*--------------------------------------------------------------
## Uling dini ke beten, Bapak Ngelah olah2an. Kangguang deen malu! 
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header 
--------------------------------------------------------------*

.site-header {
    background-color: #473C93; 
}

#branding-logo {
float: left;
width: 50px;
height: auto; 
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

If you look closely you’ll see that the CSS comment has not been closed properly:

--------------------------------------------------------------*

So your CSS is being interpreted as a comment. Make sure you properly close comments with */.

/*--------------------------------------------------------------
## Header 
--------------------------------------------------------------*/

Also, use an editor that has syntax highlighting. The issue would have been obvious were it enabled.