html,
body {
  overflow-x: hidden;
}

.display-title em,
.page-title em,
.section-title em {
  font-style: normal;
}

.eyebrow,
.tag,
.form-note,
.brand-name small,
.portal-top p,
.panel-title span,
.status,
.auth-kicker,
.portal-brand small {
  font-family: Lato, Inter, Roboto, Poppins, sans-serif;
}

.app-window,
.metric,
.panel,
.compare-table,
.data-table,
.record-details,
.mail-list,
.email-view pre,
.stat-grid {
  font-family: Roboto, Inter, Lato, Poppins, sans-serif;
}

@media (max-width: 820px) {
  .site-header {
    backdrop-filter: none;
  }

  .main-nav {
    height: 100vh;
  }
}