W3C CSSで文法解析エラーというエラーメッセージ

W3C CSS 検証サービスで

文法解析エラーが発生しました

というエラーメッセージが出ます。

わからないので教えていただけないでしょうか。
cssは次のとおりです。

.qa { color: #ffffff; font-size: 17px; font-weight: bold; text-align: left; .q { background: linear-gradient(-80deg, #ff65ff, #65ffff); border: 2px solid #ff0000; border-radius: 20px; height: 60px; padding: 15px 40px 15px 15px; position: relative; cursor: pointer; &:before { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%); } &:after { position: absolute; content: ""; display: block; width: 10px; height: 2px; background-color: #ffffff; right: 15px; top: 50%; transform: translate(0, -50%) rotate(90deg); } } .q.active { &:after { display: none; } } .a { background-color: #999999; border-radius: 20px; height: 60px; display: none; padding: 15px; } }

検証したスタイルシートを以下に示します
の表示は

.qa { color : #ffffff; font-size : 17px; font-weight : bold; text-align : left; }

です。
どこをどのようにすれば良いでしょうか？
よろしくお願いいたします。