@use '../mixins';

.page-header {
  @include mixins.responsive-container;

  border: 1px solid var(--df-2);
  margin-bottom: 16px;

  h1 {
    font-size: 2.5rem;
  }

  .icon {
    align-items: center;
    background-color: var(--df-2);
    color: var(--db-1);
    display: inline-flex;
    height: 4rem;
    justify-content: center;
    margin-right: 8px;
    width: 4rem;
  }
}