Creating Global Styles with Styled Components

We will create global styles that apply to the whole document using the styled-components library.

We create a global style using the createGlobalStyle keyword and set that to a variable. Inside of that variable, we can now set our custom styles. We wrap our application in inside of a fragment, <>, and put our new global style up at the top, just below the fragment.