Railsでｃｓｓを適用させる方法

前提・実現したいこと

railsで下の見本の写真のように,Title,Bodyもcssを適用させたいです。

発生している問題・エラーメッセージ

ｃｓｓが適用されない

該当のソースコード

<h1>Editing Book</h1>
<%=form_with model:@book,url:"/books/#{@book.id}",local:true do |f| %>
<%if @book.errors.any?%>
<div id = "error_explanation">
    <h2><%=@book.errors.count%>errors prohibited this book from being saved:</h2>
    <ul>
        <%=@book.errors.full_messages.each do |message| %>
      <li><%=message%></li>
        <%end%>
    </ul>
    </div>
    <%end%>

<div class = "field">
<label for = "book_title">Title</label>
<%=f.text_field:title %>
</div>

<div class = "field">
<label for = "book_body">Body</label>
<%=f.text_area:body%>
</div>

<div class = "actions">
<%=f.submit'Update Book'%>
</div>
<%end%>
<%=link_to "Show",book_path(@book.id)%>
|
<%=link_to"Back",books_path(@book.id)%>

#error_explanation h2{
  text-align: left;
  font-weight:bold;
  padding:5px 5px 5px 15px;
  font-size:12px;
  margin:-7px;
  margin-bottom: 0;
  background-color:#c00;
  color:#fff;
}

#error_explanation{
  width:450px;
  border: 2px solid red;
  padding:7px;
  padding-bottom: 0;
  margin-bottom:20px;
  background-color:#f0f0f0;
}

#error_explanation ul li{
  font-size:12px;
  list-style:square;
}

.field_with_errors{
  padding:2px;
  background-color:red;
  display:table;
}