Refusing to apply styles due to MIME type ("text/html")

<link href="/css/stylesheet.css" rel="stylesheet" type="text/css" >

const express = require("express");
const app = express();
const sequelize = require("./models").sequelize;
const Book = require("./models").Book;
const Patron = require("./models").Patron;
const Loan = require("./models").Loan;
const bodyParser = require('body-parser');
const moment = require("moment");


app.use(express.static("public"));

app.use(bodyParser.urlencoded({ extended: false }));

app.use(bodyParser.json());

sequelize.sync().then(function(){
app.listen(3000);
});

app.set("view engine", "pug");

app.get("/", (req,res) => {
  res.render("home");
});

app.get("/books/new", (req,res) => {
  res.render("new_book");
});

app.post("/books/new", (req, res, next) => {
  Book.create(req.body)
    .then(book => {
    return res.redirect("/books/all");
    console.log(req.body);
  })});

doctype html
html
  head
    title New Book
    link(rel='stylesheet', href='stylesheets/style.css')
  nav
    ul
      li
        a(href='/books/all') Book
      li
        a(href='/patrons/all') Patron
      li
        a(href='/loans/all') Loan
  body
    h1 New Book
    form(method="post")
      p
        label(for='title') Title
        input#title(type='text' name="title" value= title)
      p
        label(for='author') Author
        input#author(type='text' name="author" value= author)
      p
        label(for='genre') Genre
        input#genre(type='text' name="genre" value= genre)
      p
        label(for='first_published') First Published
        input#first_published(type='text' name="first_published" value= first_published)
      p
        input(type='submit', value='Create New Book')