text: import { createGlobalStyle } from 'styled-components';
  
  export default createGlobalStyle`
    * {
      margin: 0;
      padding: 0;
      outline: 0;
      box-sizing: border-box;
    }
  
    html, body, #root {
      min-height: 100%;
    }
  
    body {
      background: ${(props) => props.theme.colors.background};
      -webkit-font-smoothing: antialiased !important;
      padding: 1rem;
    }
  
    a {
      color: ${(props) => props.theme.colors.link}
    }
    a.hover {
      text-decoration: underline;
    }
  
    body, input, p, a, button {
      color: ${(props) => props.theme.colors.text};
      font-size: ${(props) => props.theme.fontSizes.normal};
      font-family: ${(props) => props.theme.fonts};
    }
  
    small {
      font-size: ${(props) => props.theme.fontSizes.small};
    }
  
    button {
      cursor: pointer;
    }
  
    ::placeholder {
      color: ${(props) => props.theme.colors.champagne};
    }
  `;
  