为什么在Codepen上编写scss代码将无法正常工作，而复制代码却可以工作？

Question

我在Codepen上编写SCSS代码

奇怪的是，当我编写自己的代码时，同时复制别人的代码并将其应用到笔上时，它将无法正常工作。

此处链接到我的codepen：

这是我的代码：

#drum-pads {
  height: 75vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

我在firefox上写了代码，但是我也在chrome上尝试过，同样的事情发生了