/* defaults.css */

/* 1. Intuitive box-sizing: padding and borders no longer increase element width */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. Remove default browser margins and padding */
* {
  margin: 0;
  padding: 0;
}

/* 3. Make media responsive by default and remove weird bottom spacing */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 4. Force form controls to inherit the surrounding typography */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}

/* 5. Prevent long text strings (like URLs) from breaking your layout */
p,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  overflow-wrap: break-word;
}