/**
  Most of these styles are from:
  1. modern-normalize.css
  2. PlainVanillaWeb
*/

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

:root {
  /* Prevent browsers from messing with the text size on mobile. */
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  margin: 0;
}

button,
input,
optgroup,
select,
textarea {
  /* Change the font styles in all browsers. */
  font-family: inherit;
  font-size: 100%;
  /* Remove the margin in Firefox and Safari. */
  margin: 0;
}

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  appearance: button;
}

/* Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */
legend {
  padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/* Add the correct display in Chrome and Safari. */
summary {
  display: list-item;
}