无法弄清楚为什么我的主要元素上的背景颜色不会改变

Question

这是我的HTML和CSS：https://jsfiddle.net/Lyvnma7p/

在1-5行上，我将页面的颜色设置为slategrey背景。 问题是下一行：

main {
background: white;
}

这应该做的是将HTML中的main元素（第23-48行）更改为白色。

我尝试将CS​​S标签从main更改为div容器类元素，也没有运气。