import { css } from '@emotion/react' ; import emotionReset from 'emotion-reset' ; const globalStyle = css `
  ${ emotionReset }

  html {
    font-size: 10px;
  }

  body {
    font-size: 16px;
    color: #222222;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
      'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  button {
    border: none;
    background-color: transparent;
    cursor: pointer;
  }

  a {
    cursor: pointer;
    color: inherit;
    text-decoration: initial;
  }

  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
  }

  *,
  *::after,
  *::before {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }
` ; export default globalStyle ;