How to link CSS and Jade?
<p>Server.js file code given below</p>
<pre><code>var express = require('express');

var app = express();

var PORT = 8080;

app.set('views', './public/views');

app.set('view engine', 'jade');

app.use(express.static(__dirname+'/public'));

app.get('/', function(req, res){
   res.render('index.jade'); 
});

app.listen(PORT, function(){
    console.log('Express listening on port: '+PORT);
});
</code></pre>
<p>Index.jade file provided below</p>
<pre><code>html
    head
        title Upload file for shortening
        link(rel='stylesheet', href='/stylesheets/style.css')
    body
        h1 Welcome to file metadata service
        div(id=&quot;submit-button&quot;)
            form(action = '/submit')
                button(type=&quot;submit&quot;, value='Submit')
</code></pre>
<p>style.css file provided below</p>
<pre><code>#submit-button{
    height:100px;
}

h1{
    font-family:Impact;
}
</code></pre>
<p>I have created a public folder in my root directory, and then a views folder. Inside the views folder is where the index.jade file is saved, and inside of another folder inside the views folder, called the stylesheets folder is where the CSS file is saved.</p>
<p>However, any time I try to run my app, it fails to load the CSS file. Why is this happening?</p>