styled, which like
cssis a function provided by Emotion.
css, the function takes a tagged template literal containing CSS as it's argument.
<Header>component in our root component file and give it a background colour, though first we need to import
<Header>component has been created let's use it in our
<Root>component to wrap all the elements that we want contained in the header section of our site.
<Global>component. This will ensure that the styles in the reset apply anywhere in the site.
<h1>element within it a little less starkly black!
<Main>. Let's add these, and we'll also style some elements within Main.
<Main>component you can keep adding elements to the definition of that component and styling them as you wish. Thus far we've only applied some minimal styling to the
pelements, and also to
figcaptionas a number of images in our content have captions.