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

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  min-height: 100%;
}

/* chrome keeps adding 8px margin on my body for no reason which */
body {
    margin: 0px;
}

/* 1.2 type scale minor third 
  4.3rem
  3.583rem
  2.986rem
  2.074rem
  1.728rem
  1.44rem
  1.2rem
  1rem
  0.833rem
  0.694rem
  0.579rem
  0.482rem
*/

h2 {font-size: 2.074rem;}

h3 {font-size: 1.728rem;}

h4 {font-size: 1.44rem;}

h5 {font-size: 1.2rem;}