Invalid CSS after " ": expected "{", was "}"の原因がわからない

Question

平素よりお世話になっております。初歩的な質問で大変恐縮ではございますが、どうかお知恵を拝借させてください。

###試したこと
エラー箇所を削りながら更新を繰り返していくと、中に複数の要素がある構文にエラーが出ていることが判明

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

Invalid CSS after "    ": expected "{", was "}"

該当のソースコード

body {
  margin: 0;
  padding: 0;
  background-color: #f5f8fa;
}
header {
  background-color: rgb(21, 44, 85);
  color: white;
  height: 70px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  h1 {
    margin: 0;
    padding: 0;
    line-height: 70px;
    a {
      color: white;
      cursor: pointer;
      text-decoration: none;
    }
  }
  ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
      margin-right: 15px;
      line-height: 70px;
      a {
        color: white;
        cursor: pointer;
        text-decoration: none;
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }
}
 
.top {
  width: 60%;
  padding: 15px 0;
  margin: 0 auto;
  h2 {
    text-align: center;
    font-size: 46px;
    color: rgb(21, 44, 85);
  }
  .tweets {
    ul {
      li {
        padding-right: 50px;
        position: relative;
        span {
          position: absolute;
          right: 0;
        }
      }
    }
  }
}

Comments

[yoorwm]

> エラー箇所を削りながら更新を繰り返していくと、中に複数の要素がある構文にエラーが出ていることが判明
CSSを勉強した事ありますか？

[rice_shower]

無いです、あったらこんな質問しないでしょう

[m.ts10806]

でしたら、質問前にやることたくさんありますね。
とりあえず投げとけば手取り足取り教えるのはQAではないです。

[Lhankor_Mhy]

https://www.sassmeister.com/
↑こちらでコンパイルしたところ、普通に成功しました。

どのようにすれば、そのエラーが再現するのか、条件をご提示ください。

問題が発生する条件を具体的に書きましょう
https://teratail.com/help/question-tips#questionTips3-5-3

Answer 1

これ、CSSじゃないです。Sassです。
ここら辺を参考にすればコンパイルできるでしょう。