/* eslint-disable consistent-return */
import { createGlobalStyle } from 'styled-components';

export const GlobalStyle = createGlobalStyle`
  html, body {
    margin: 0;
    background-color: #c8c8c8;
    height: 100%;
    font-size: 14px;
  }

  div {
    box-sizing: border-box;
  }
  
  &:lang(en) {
    font-family: 'Open Sans', sans-serif;
  }
  &:lang(zh-tw) {
    font-family: 'Noto Sans TC', sans-serif;
  }
  &:lang(zh-cn) {
    font-family: 'Noto Sans SC', sans-serif;
  }
  &:lang(ja) {
    font-family: 'Noto Sans JP', sans-serif;
  }
`;

export default GlobalStyle;