My normalize CSS

@import url('https://fonts.googleapis.com/css?family=Baloo+Tamma+2|Lato&display=swap');

:root {
  --color-primary: #087;
  --color-secondary: #fff;
  --color-tercial: #000;
  --font-normal: 400;
  --font-bold: 700;
}

* {
  margin: 0; padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 1.1rem;
  line-height: 1.7;
  font-family: 'Lato', 'Helvetica', 'Ubuntu', 'Arial', sans-serif;
  color: var(--color-primary);
  font-weight: var(--font-normal);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Baloo Tamma 2', cursive;
  font-weight: var(--font-bold);
}

h1, h2 {
  margin-bottom: 1.2rem;
}

h1 {
 font-size: 2rem;
 border-bottom: 1px solid var(--color-tercial);
}

h2 {
  font-size: 1.7rem;
  border-bottom: 1px dashed var(--color-tercial);
}

h3, h4, h5, h6 {
  margin-bottom: 1.1rem;
}

p {
  margin-bottom: 1.1rem;
}

input[type=text] {
  border: 1px solid var(--color-tercial);
  padding: 0.3rem;
}