own css file not loading

Question

I'm configuring a project with primefaces 6.1

My problem is that when I am trying to do this the sample.css is not loading

update:

I tried to do something like :

<h:body>
<h:outputStylesheet name="/resources/css/sample.css" />
...
</h:body>

<h:body>
<h:outputStylesheet name="/css/sample.css" />
...
</h:body>

<h:body>
    <f:facet name="last">
    <h:outputStylesheet name="/resources/css/sample.css" /> 
    </f:facet>
  ....
</h:body>

my css file

sample.css


  #box{   
        width:170px;
        height:120px;
        margin:2px 10px 20px 10px;
    }