@kiwicom/smart-faq/src/FullPage/GlobalStyles.js

// @flow

import * as React from 'react';
import { ThemeConsumer } from 'styled-components';

const CommonStyles = ({ theme }) => (
  <style jsx global>
    {`
      .SmartFAQ {
        max-width: 740px;
        margin: auto;
        font-family: ${theme.orbit.fontFamily};
      }

      body {
        margin: 0;
        padding-bottom: 40px;
        background: ${theme.orbit.backgroundBody};
        font-family: 'Circular Pro', ${theme.orbit.fontFamily};
      }

      @media (min-width: 769px) {
        body {
          padding-top: 92px;
        }

        [data-test='NavBar'] {
          z-index: 100;
        }
      }
    `}
  </style>
);

const GlobalStyles = () => (
  <ThemeConsumer>{theme => <CommonStyles theme={theme} />}</ThemeConsumer>
);

export default GlobalStyles;