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

:root {
   font-family: sans-serif;
   font-size: 16px;   
   margin: 0;
   padding: 0;
}

body {
   padding: 1.5rem 2.5rem;
   line-height: 1.5;

   max-width: 80ch;
   margin: 0 auto;
}

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

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

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

p, label {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

h1 {
   font-size: 3.815rem;
}

h2 {
   font-size: 3.052rem;
}

h3 {
   font-size: 2.441rem;
}

h4 {
   font-size: 1.953rem;
}

h5 {
   font-size: 1.563rem;
}

h6, label {
   font-size: 1.25rem;
}

small {
   font-size: 0.8rem;
}