/* :root {
  --primary: #2ff780;
  --error: #ec4444;
  --black: #1f1e1e;
  --grey-light: #e5e5e5;
  --grey-dark: #c4c4c4;
} */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}
@media only screen and (max-width: 62.5em) {
  /* 1 rem = 9px, 9/16 = 50% */
  html {
    font-size: 56.25%;
  }
}

@media only screen and (max-width: 50em) {
  html {
    font-size: 50%;
  }
}

body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

ul {
  list-style: none;
}