/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after { box-sizing: border-box }

* { margin: 0; padding: 0; }

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  list-style: none; 
}

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

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 { text-wrap: pretty }

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

#root, #__next { isolation: isolate }