大変お世話になります。
この動画は、Icons - Google Fonts の使い方に関する説明ですね。
Fonts とは関係ないのですが、1:30 の時点で ２ つの div タグを設定した時に
body タグに background-color を指定すると画面全体が灰色になるのは
なぜでしょうか？
下の様に height を設定しても、やはり同じでした。これは、body タグは
他のタグとは異なる領域を示すためでしょうか？

body {
    background: #ccc;
    height: 500px;　　←ここです
}

.light-bg {
    background: #fff;
    padding: 32px;
}

.dark-bg {
    background: #121212;
    padding: 32px;
}

ちなみに、Google デベロッパーツールのスクリーンショットを添付しておきます。