font-family: 'Hind', sans-serif; 
font-weight: 400;
line-height: 24px;

font-family: 'Hind', sans-serif; 
font-weight: 600;
line-height: 24px;

font-family: 'Hind', sans-serif; 
font-weight: 700;
line-height: 24px;

typography

font-family: 'Hind', sans-serif; 
font-size: 50px;
line-height: 72px;

font-family: 'Hind', sans-serif; 
font-size: 38px; 
font-weight: 600;
line-height: 42px;

font-family: 'Hind', sans-serif; 
font-size: 30px; 
font-weight: 600;
line-height: 48px;

font-family: 'Hind', sans-serif; 
font-size: 24px;
line-height: 24px;

font-family: 'Hind', sans-serif; 
font-size: 18px;
line-height: 24px;

font-family: 'Hind', sans-serif; 
font-size: 16px;
line-height: 24px;

Text styles

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie eget mauris at finibus. Praesent quis pretium massa, bibendum consectetur mi. Vivamus a turpis at mauris auctor rutrum sed nec turpis. Nulla facilisi. Praesent commodo ex tortor, et fermentum urna congue ac. Proin vitae lobortis nibh. Curabitur pretium dolor eget placerat blandit. Maecenas et velit in ex laoreet tincidunt.”

blockquote.../blockquote

List Styles

<ul>
  <li>...</li>
  <li...</li>
  <li>...
    <ul>
      <li>...
        <ul>
          <li>...
            <ul>
              <li>...</li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li>...</li>
  <li...</li>
</ul>

<ol>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
</ol>