Dreamweaverのメディアクエリの閉じ括弧エラーについて

Question

前提

Dreamweaverにて@media screen and (max-width:1920px){　}
の閉じかっこと＠keyframesの記述がエラーとなっているが、動作に問題はありません。

実現したいこと

エラーを消したいが、単にDreamweverが対応していないだけなのかを知りたい

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

Expected RBRACE at line 297, col 1 
Unexpected token "}" at line 1340, col 1 

該当のソースコード

//CSS書き始め//

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Sanskrit&family=Zen+Old+Mincho&display=swap');
@media screen and (max-width:1920px){
	html{
		font-size: 62.5%;
	}
	body{
		color: #43413F;
		font-size: 1.8rem;
		font-family: 'Tiro Devanagari Sanskrit', serif;
		position: relative;
		background-color:#F6EFE7 ;
	}
	a{
		text-decoration: none;
	}
	img{
		max-width: 100%;
		vertical-align: bottom;
	}

〜〜〜〜〜〜〜〜〜省略〜〜〜〜〜〜〜〜〜

//スクロールダウンアニメーション//

@keyframes pathmove{ ///////ここにエラー///////
	0%{
		height:0;
		top:0;
		opacity: 0;
		}
	30%{
		height:30px;
		opacity: 1;
		}
	100%{
		height:0;
		top:100px;
		opacity: 0;
		}
	}
〜〜〜〜〜〜〜〜〜省略〜〜〜〜〜〜〜〜〜

	//CSS最終行//

	.fix-btn1 a:hover,.fix-btn2 a:hover {
		color: #ffffff;
		transition:0.3s;
	}

}　///////ここにエラー(@media screenの閉じ括弧 )///////

試したこと

試しに@media screen and (max-width:1920px){　}の閉じ括弧を
{　のすぐ後に書いたところ、エラーが全て消えました。
}の位置に問題があるのかと思い少しずつ下に移動させ、何箇所か
の場所で試しましたがエラーは現れず、@keyframes の直前までは大丈夫でした。

@keyframes の閉じ括弧の直後に閉じ括弧をするとそこからは
上記のエラーとなります。

＠keyframes が何らかの影響を与えているのがわかったのですが、
Dreamweaverに上手く対応していないだけなのでしょうか？？

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

ここにより詳細な情報を記載してください。

Comments

[recal]

@mediaの外に@keyframeを書いてもエラーになりますか？

[mdesign]

@mediaの外に@keframeを書いたらエラーが消えました！！！！
そして、動作も問題ありません。ありがとうございます！！！（ ; ; ）
もしかして、このような書き方が正しいのでしょうか。。

[recal]

どうでなんでしょう？
@mediaの中に書こうという発想がなかったので考えたことありませんでした。
何処らへんを調べたら記載場所のルールについて記述されているんでしょうね。

[mdesign]

調べたところ、私と全く同じ質問をしている海外の方が
いらっしゃり、やはり仰る通り@mediaの中に＠keyframes
を記述する必要なない、とのことです。
ベストアンサーとさせていただきたいのでもしよければ回答欄に
回答していただければ幸いです。ありがとうございました。

[recal]

では回答の方に記入させていただきますね、ありがとうございます。

Answer 1

@keyframeを@mediaの外に出してみてもらえますか。