Title level 1Subtitle level 1

import React from 'react';
import ReactDOM from 'react-dom';
import { Title, Text, Paragraph, Quote, Code, Kbd, Preformatted } from 'furl-components';

ReactDOM.render(
  <div>
    <Title level={2}>
      Sloths, code and Einstein
      <Text textStyle='small'>Connecting unrelated things</Text>
    </Title>
    <Paragraph>
      <Text textStyle='bold'>Sloths</Text> are arboreal mammals noted for slowness of movement and for spending most of their lives hanging upside down in the trees of the tropical rainforests of South America and Central America. The six species are in two families: <Text textStyle="italics">two-toed sloths</Text> and <Text textStyle="italics">three-toed sloths</Text>. In spite of this traditional naming, all sloths actually have three toes. The two-toed sloths have two digits, or fingers, on each forelimb. <Text autolink>You can learn more about sloths by visiting https://en.wikipedia.org/wiki/Sloth</Text>. One fun fact is that a sloth is not at all capable of using a key on a human keyboard, such as <Kbd>Ctrl</Kbd>, or writing any code, such as <Code>console.log('Hello world!)'</Code>!
    </Paragraph>
    <Quote cite='Albert Einstein'>
      Creativity Is Intelligence Having Fun.
    </Quote>
    <Preformatted>
      console.log('Hello world');
    </Preformatted>
  </div>, 
  document.getElementById('root')
);