// Margin and padding resets
*
  text-rendering: geometricPrecision
html
  font-family: sans-serif
  -ms-text-size-adjust: 100%
  -webkit-text-size-adjust: 100%
  margin: 0
  padding: 0
  border: 0
  font-size: 100%
  font: inherit
  vertical-align: baseline
  outline: none
  box-sizing: border-box
  overflow-x: hidden
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video
  margin: 0
  padding: 0
  border: 0
  font-size: 100%
  font: inherit
  vertical-align: baseline
  outline: none
  box-sizing: border-box
//* HTML5 display definitions
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary
  display: block
  box-sizing: border-box
audio, canvas, progress, video
  display: inline-block
  vertical-align: baseline
audio:not([controls])
  display: none
  height: 0
[hidden], template
  display: none
//* Links
a
  background: transparent
  text-decoration: none
  &:active, &:hover
    outline: 0
    text-decoration: none
//* Lists
ol, ul
  list-style: none
  margin: 0px
  padding: 0px
//* Text-level semantics
abbr[title]
  border-bottom: 1px dotted
b, strong
  font-weight: bold
dfn
  font-style: italic
mark
  background: #ff0
  color: #000
small
  font-size: 80%
sub
  font-size: 75%
  line-height: 0
  position: relative
  vertical-align: baseline
sup
  font-size: 75%
  line-height: 0
  position: relative
  vertical-align: baseline
  top: -0.5em
sub
  bottom: -0.25em
//* Embedded content
img
  border: 0
  max-width: 100%
svg:not(:root)
  overflow: hidden
figure
  margin: 1em 40px
hr
  -moz-box-sizing: content-box
  box-sizing: content-box
  height: 0
pre
  overflow: auto
code, kbd, pre, samp
  font-family: monospace, monospace
  font-size: 100%
//* Forms
button, input, optgroup, select, textarea
  color: inherit
  font: inherit
  margin: 0
  outline: none
button
  overflow: visible
  text-transform: none
select
  text-transform: none
button, html input[type="button"]
  -webkit-appearance: button
  cursor: pointer
input
  &[type="reset"], &[type="submit"]
    -webkit-appearance: button
    cursor: pointer
button[disabled], html input[disabled]
  cursor: default
button::-moz-focus-inner
  border: 0
  padding: 0
input
  &::-moz-focus-inner
    border: 0
    padding: 0
  line-height: normal
  outline: none
  &[type="checkbox"], &[type="radio"]
    box-sizing: border-box
    padding: 0
  &[type="number"]
    &::-webkit-inner-spin-button, &::-webkit-outer-spin-button
      height: auto
  &[type="search"]
    -webkit-appearance: textfield
    -moz-box-sizing: content-box
    -webkit-box-sizing: content-box
    box-sizing: content-box
    &::-webkit-search-cancel-button, &::-webkit-search-decoration
      -webkit-appearance: none
fieldset
  border: none
  margin: 0
  padding: 0
legend
  border: 0
  padding: 0
textarea
  overflow: auto
optgroup
  font-weight: bold
blockquote, q
  quotes: none
blockquote
  &:before, &:after
    content: ''
    content: none
q
  &:before, &:after
    content: ''
    content: none
// Tables
table
  border-collapse: collapse
  border-spacing: 0
td, th
  padding: 0
body
  overflow: hidden
html,
  width: 100%
  overflow-x: hidden
em
  font-style: italic