如何在不中断标题的情况下将网站的中间位置显示？

Question

我已经尝试修复很多时间，但是我无法弄清楚。我想将页眉（navbar）和框分开，但是当我在框上使用边距时，页眉（navbar）随框移动，但是我只想对框进行边距处理。标题位置的位置不应受到影响。

这是我的代码：

.box {
  width: 450px;
  background: rgba(0,0,0,0.4);
  padding: 40px;
  text-align: center;
  margin: auto;
margin-top: 100px;
  color: white;
  font-family: 'Century Gothic', sans-serif;
}