It's 2018: you shouldn't be writing vanilla CSS - Example 17

example-17.js

import React, { Component } from 'react';
import styled from 'styled-components';

const Title = styled.h1`
    color: white;
    font-size: 2rem;
`;

const Content = styled.div`
    background: blue;
    padding: 2rem;
`;

class Example extends Component {
    render() {
        return (
            <Content>
                <Title>Hi everyone!</Title>
            </Content>
        );
    }
}

export default Example;