CSS/Bulma:如何让我的内容与我的导航栏品牌保持一致？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">

<nav class="navbar" role="navigation" aria-label="main navigation">
  <!-- 导航栏内容 -->
</nav>

<section class="section">
  <!-- 内容区域 -->
</section>

<div class="columns">
  <div class="column is-one-quarter">
    <!-- 导航栏内容 -->
  </div>
  <div class="column">
    <!-- 内容区域 -->
  </div>
</div>

<div class="navbar-brand">
  <a class="navbar-item" href="#">
    <!-- 品牌元素 -->
  </a>
</div>

.navbar {
  background-color: #f5f5f5; /* 导航栏背景色 */
  color: #333; /* 导航栏文字颜色 */
}

.section {
  background-color: #fff; /* 内容区域背景色 */
  color: #333; /* 内容区域文字颜色 */
}