16px=1rem
html {
font-size: 18px; // default value would be 16
}
h1 {
font-size: 2rem; // 2 * 18px = 36px;
}
1 rem = root size of html = 16px
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem