text: import { createGlobalStyle } from 'styled-components';
  import '@fontsource/roboto/300.css';
  import '@fontsource/roboto/300-italic.css';
  import '@fontsource/roboto/700.css';
  import '@fontsource/roboto/700-italic.css';
  
  const GlobalStyle = createGlobalStyle`
    html,
    body {
      height: 100%;
      width: 100%;
      line-height: 1.5;
    }
  
    body {
      font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
  
    body.fontLoaded {
      font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
  
    #app {
      background-color: #ffffff;
      min-height: 100%;
      min-width: 100%;
    }
  
    p,
    label {
      line-height: 1.5em;
    }
  `;
  
  export default GlobalStyle;
  