/* Box sizing rules

*
  box-sizing: border-box

  &::before, &::after
    box-sizing: border-box

/* Remove default margin

body, h1, h2, h3, h4,h5,h6, p, figure, blockquote, dl, dd, pre, code
  margin: 0

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed

ul[role='list'], ol[role='list']
  list-style: none

/* Set core root defaults

html:focus-within
  scroll-behavior: smooth

/* Set core body defaults

body
  min-height: 100vh
  text-rendering: optimizeSpeed
  line-height: 1.5

/* A elements that don't have a class get default styles

a:not([class])
  text-decoration-skip-ink: auto

/* Make images easier to work with

img, picture, video, canvas, svg
  max-width: 100%
  display: block

/* Inherit fonts for inputs and buttons

input, button, textarea, select
  font: inherit

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them
@media (prefers-reduced-motion: reduce)
  html:focus-within
    scroll-behavior: auto

  *
    animation-duration: 0.01ms !important
    animation-iteration-count: 1 !important
    transition-duration: 0.01ms !important
    scroll-behavior: auto !important

    &::before, &::after
      animation-duration: 0.01ms !important
      animation-iteration-count: 1 !important
      transition-duration: 0.01ms !important
      scroll-behavior: auto !important
