压倒css不再工作了

Question

嗨有人昨晚我正在制作一个bootstrap模板，我试图覆盖全局css文件并在主页面添加一个样式作为.body覆盖全局css文件并添加了一个背景图像;当我添加它改变，因为我想要并且工作得很好但是今天当我试图再次运行相同的模板时它引用回到全局css并完全忽略主页面中的样式部分。我还添加了一些新的字体到它但现在他们也没有工作。

来自我喜欢的风格的代码

.page {
        position: absolute;
        top: 0;
        right: 0;
        transition: width 0.3s linear;
        width: calc(100% - 200px);
        background-image: url("../../assets/images/main2.jpg") !important;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;

        min-height: 100vh;
        padding-bottom: 50px;
    }

来自全球css的代码

.page {
  position: absolute;
  top: 0;
  right: 0;
  transition: width 0.3s linear;
  width: calc(100% - 200px);
  background-color: #292b2c ;
  min-height: 100vh;
  padding-bottom: 50px;
          }

这里也是我添加了更改的模板： http://hifitapp.ir/test