vscodeのエラー表示について

Question

前提・実現したいこと

CSSでwebページを作っています。
メディアクエリを実装中に以下のエラーメッセージが発生しました。
エラーの解決方法が知りたいです。
よろしくお願いします。

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

{ expectedcss(css-lcurlyexpected)
at-rule or selector expectedcss(css-ruleorselectorexpected)

該当のソースコード

@media (max-width: 600px) {
  .page-title {
    font-size: 2.5rem;
  }
  /* Header */
  .main-nav {
    font-size: 1rem;
    margin-top: 10px;
  }
  .main-nav li {
    margin: 0 20px;
  }
  /* Home */
  .home-content {
    margin-top: 20%;
  }
  .page-header {
    flex-direction: column;
    align-items: center;
  }
  /* News */
  .news-contents {
    flex-direction: column;
  }
  article,aside {
    width: 100%;
  }
  .page-title {
    margin-top: 30px;
  }
  aside {
    margin-top: 60px;
  }
  .post-info {
    margin-bottom: 30px;
  }
  .post-date {
    width: 70px;
    height: 70px;
    font-size: 1rem;
  }
  .post-date span {
    font-size: 0.875rem;
    padding-top: 2px;
  }
  .post-title {
    font-size: 1.375rem;
  }
  .post-cat {
    font-size: 0.875rem;
    margin-top: 10px;
  }
  .post-title,
  .post-cat {
    margin-left: 80px;
  }
  .menu-content {
    margin-top: 20%;
  }
}

試したこと

googleで検索はしてみたのですが、よくわからなかったのでこちらで質問させていただきました。

補足情報（FW/ツールのバージョンなど）

Windowsを使っています。

Comments

[kei344]

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

Answer 1

一行目にこれ書いても消えませんか？
@charset "UTF-8";

Comments

[446isamu]

すみません。いろいろと試していたら、未入力のｃｓｓが見つかり、そこを修正したら直りました。ご回答ありがとうございました。