Global Css Style - Style Components

global.js

import { createGlobalStyle } from 'styled-components';

export default createGlobalStyle`
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

 * {
   margin: 0;
   padding: 0;
   outline: 0;
   box-sizing: border-box;
 }

 body {
   background: #191919;
   -webkit-font-smoothing: antialiased;
 }

 body, input, button {
   font: 14px sans-serif;
 }

 #root {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px 50px;
 }

 button {
   cursor: pointer;
 }
`