font-sizeのrem指定がうまくいかない

前提・実現したいこと

全てのHTML要素のフォントサイズを16pxとしたいのですが、
上手くいきません。

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

ルート要素(html要素)に「font-size: 62.5%;」を指定して、
body要素にはデフォルトのフォントサイズ
「font-size: 1.6em;」を指定しました。
そのため、要素にフォントサイズを指定しなかった場合
すべて16pxになるかと思うのですが、
なぜかすべての要素が24pxになってしまいます。

この原因は何でしょうか。ご存じの方、教えていただけますでしょうか。

該当のソースコード

HTML5
1<!doctype html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <title>サンプルページ</title>
7    <link href="style.css" rel="stylesheet">
8  </head>  
9  <body>
10    <h1>ステップ1</h1>
11    <main>
12      <section>
13        <h3>タイトル1</h3>
14        <p>概要</p>
15        <ul>
16          <li>○○の仕方</li>
17          <li>注意点</li>
18        </ul>
19      </section>
20    </main>
21  </body>
22</html>

CSS3
1* {
2  margin: 0;
3  padding: 0;
4}
5
6html {
7  font-size: 62.5%;
8}
9
10body {
11  font-size: 1.6em;
12}
13
14h1,h2,h3,h4,h5,h6 {
15  font-weight: normal;
16  font-size: 100%;
17}