*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding: 5rem;
}

/* Header (For now) is sticky at larger screen sizes */
@container c-page-wrapper (min-width: 34rem) {

  .sticky--top {
    position: sticky;
    top: 0;
    z-index: 10;
  }

}

/***** Helper Classes *****/

.container {
  container-type: inline-size;
}

/* Image reset */
img {
  max-width: 100%;
  height: auto;
}

/* Generic text align center */
.centred {
  text-align: center; 
}