global.ts

import { css, createGlobalStyle } from 'styled-components'
import ress from 'src/styles/ress'
import { Theme } from 'src/styles/theme'

const global = css<Theme>`
  html {
    scroll-behavior: smooth;
  }

  body {
    font-family: ${(props) => props.theme.fonts.body};
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  ul {
    list-style-type: none;
  }
`

const GlobalStyle = createGlobalStyle<Theme>`
    ${ress}
    ${global}
`

export default GlobalStyle