marginに対しリセットするためのコードを書きましたがリセットされません。
全て確認したので間違っているコードはないと思うのですが、確認をお願い致します。

<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="utf-8">
 <title>すごいアプリ</title>
 <link rel="sylesheet"  href="css/styles.css">
</head>
<body>
  <header>
    <h1>すごいアプリ</h1>
    <p>ウルトラすごい最高なアプリです</p>
    <a href="" class="btn">ダウンロード</a>
    <img src="img/top.png">
  </header>
</body>
</html>

body {
  margin: 0;
  font-size: 16px;
  font-family: Verdana, sans-serif;
  color: #333;
} 

header h1,
header p {
  margin: 0;
}