Typography
Scale: 1.333 - Perfect Fourth
Base Size: 16px (100% = 1em)
Generated with typescale.com
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 89.76px/5.61rem;
font-weight: 400;
font-style: normal;
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 67.34px/4.209rem;
font-weight: 400;
font-style: normal;
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 50.52px/3.157rem;
font-weight: 400;
font-style: normal;
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 2.369rem/ 2.369rem;
font-weight: 400;
font-style: normal;
Body Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 16px/1rem;
font-weight: 400;
font-style: normal;
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 16px/1rem;
font-weight: 400;
font-style: italic;
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra. Consectetur adipiscing elit duis tristique. Sit amet nisl purus in. Purus viverra accumsan in nisl nisi scelerisque eu. At urna condimentum mattis pellentesque. Adipiscing elit ut aliquam purus. Purus ut faucibus pulvinar elementum integer enim. Elementum nibh tellus molestie nunc non. Non blandit massa enim nec dui nunc mattis enim ut. Auctor augue mauris augue neque.
font-family: 'Mandali', sans-serif;
font-size: 16px/1rem;
font-weight: 400;
color: #0d6efd;
text-decoration: underline;