text: import { createGlobalStyle } from 'styled-components'
  
  export const GlobalStyles = createGlobalStyle`
      * {
          box-sizing: border-box;
      }
  
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, sub, sup, tt, var, u, i,
      center, dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed, 
      figure, figcaption, footer, header, hgroup, 
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
          margin: 0;
          padding: 0;
          border: 0;
          font: inherit;
          vertical-align: baseline;
      }
      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure, 
      footer, header, hgroup, menu, nav, section {
          display: block;
      }
      body {
          line-height: 1;
      }
      ol, ul {
          list-style: none;
      }
      blockquote, q {
          quotes: none;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
          content: '';
          content: none;
      }
      table {
          border-collapse: collapse;
          border-spacing: 0;
      }
  
      html {
          font-size: 62.5%;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          background: #000000;
          color: #fafafa;
          ${'' /* background: #f5f3f4; */}
      }
      
      body {
          font-family: 'Open Sans', sans-serif;
      }
  
      h1,h2,h3,h4,h5,h6 {
          font-family: 'IBM Plex Sans', sans-serif;
          margin-bottom: 9px;
      }
  
  
  `;