/*This file is used to set default behavior for main styles, to remove differences between browsers*/

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

/*  2. Remove default margin  - We added padding: 0 ourselves to remove unwanted padding (e.g. from lists)*/
* {
  margin: 0;
  padding: 0;
}

/*  3. Allow percentage-based heights in the application*/
html,
body {
  height: 100%;
}

/*  Typographic tweaks!  4. Add accessible line-height  5. Improve text rendering*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*  6. Improve media defaults, ensure the items are NOT bigger than the container !!!*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/*  7. Set SAME font to all types of elements*/
input,
button,
textarea,
select {
  font: inherit;
}

/*  8. Avoid text overflows - ENSURES words will break to avoid scroll by width*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

a{
  text-decoration: none;
  color: inherit;
}