html {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	font-size: 16px;
	color: $foreground-color;
	line-height: 1.50;
	background: $background-color;
}

/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

.section {
	border-radius: 35px;
background: $background-color;
box-shadow:  5px 5px 17px scale-color($background-color, $lightness: -35%),
             -5px -5px 17px scale-color($background-color, $lightness: +5%);
	max-width: 20cm;
	margin: 0 auto;
}

.inner-section {
	border-radius: 35px;
	background: $background-color;
  max-width: 18cm;
  margin: 0 auto;
  margin-top: 5mm;
  padding: 2mm 3mm;
}