/*

  1. Use a more-intuitive box-sizing model.

*/

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

/*

  2. Remove default margin

*/

/*

  3. Allow percentage-based heights in the application

*/

* {
  margin: 0;
}

/*

  Typographic tweaks!

  4. Add accessible line-height

  5. Improve text rendering

*/

body {
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/*

  6. Improve media defaults

*/

img,
picture,
video,
canvas,
svg {
  display: block;

  max-width: 100%;

  height: auto;

  object-fit: contain;
}

/*

  7. Remove built-in form typography styles

*/

input,
button,
textarea,
select {
  font: inherit;
}

/*

  8. Avoid text overflows

*/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.2em;
}

a {
  text-decoration: none;
}