cssの構文エラー「Expected RBRACE at line 516, col 2.」

内容追加いたします。

CSSと HTMLの記述です。

こちらに投稿する前に調べた範囲だと「Dreamweaverが、CSS Variablesに対応していないために起こる」と言うことらしいのですが初心者ゆえにイマイチ理解が浅い状態です。。

どなたかどうかよろしくお願いします。

	/*左からフェードイン*/
	.fade-in-left {
	   opacity: 1;
	   animation: fadein-left 1.5s .2s ease-out forwards;
	}
	@keyframes fadein-left {
	   0% {
		  opacity: 0.1;
		  transform: translateX(-50px);
	   }
	   100% {
		  opacity: 1;
		  transform: translateX(0);
	   }
	}

	/*下からフェードイン*/
	.fade-in-bottom {
	   opacity: 0;
	   animation: fadein-bottom 1.5s .3s ease-out forwards;
	}
	@keyframes fadein-bottom {
	   0% {
		  opacity: 0;
		  transform: translateY(20px);
	   }
	   100% {
		  opacity: 1;
		  transform: translateY(0);
	   }
	}​

	<header id="toppage_pc" class="fade-in-bottom">
			<div id="navigation" class="fade-in-left">
				<h1><a href="#top"><img src="image/logo.png" alt="logo" ></a></h1>
				<nav>
					<ul>
						<li><a href="#contents">-- </a></li>
						<li><a href="#about_me">-- </a></li>
						<li><a href="#contact">-- </a></li>
					</ul>					
				</nav>
			</div>
	</header>​