text: import { createGlobalStyle } from 'styled-components';
  
  const GlobalStyle = createGlobalStyle`
    html,
    body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
  
    body {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
  
    body.fontLoaded {
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
  
    #app {
      background-color: #fafafa;
      min-height: 100%;
      min-width: 100%;
    }
  
    p,
    label {
      font-family: Georgia, Times, 'Times New Roman', serif;
      line-height: 1.5em;
    }
  
    // scrollbar css
  
    /* width */
    ::-webkit-scrollbar {
      width: 8px;
    }
  
    /* Track */
    ::-webkit-scrollbar-track {
      background: #e1e3e4;
    }
  
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #cbccd2;
      border-radius: 1em;
    }
  
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #cbccd2;
      border-radius: 1em;
    }
  `;
  
  export default GlobalStyle;
  