vscodeでCSSを読み込む際のエラーの解決方法がわかりません。

vscodeでcssを読み込んで入力しようとしたら

at-rule or selector expected　

というメッセージがでてきてCSSを入力できません。
どうしたらいいですか？

これがhtmlのコードです

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4   <meta charset="uft-8">
5   <title>WCB Cafe</title>
6   <meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
7   <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
8   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Philosopher">
9   <link rel="stylesheet" href="css/style.css">
10   
11
12
13
14  </head>
15
16  <body>
17    <header class="page-header">
18      <h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="WCBカフェホーム"></a></h1>
19      
20      <nav>
21        <ul class="main-nav">
22          <li><a href="news.html">News</a></li>
23          <li><a href="menu.html">Menu</a></li>
24          <li><a href="contact.html">Contact</a></li>
25
26        </ul>
27      </nav>
28
29    </header>
30
31  </body>