public/styles/base/_base.scss

// -----------------------------------------------------------------------------
// This file contains very basic styles.
// -----------------------------------------------------------------------------

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
  background-color: $cWhite;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit;
}

.wrap {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.page__content {
  width: 100%;
  margin: 0 auto;
}

.page__header {
  position: sticky;
  top: 0;
  z-index: $zIndex-header;
}