diff --git a/src/Styles/GlobalStyles.jsx b/src/Styles/GlobalStyles.jsx index e69de29..9821a06 100644 --- a/src/Styles/GlobalStyles.jsx +++ b/src/Styles/GlobalStyles.jsx @@ -0,0 +1,56 @@ +import { css } from '@emotion/react'; + +export const GlobalStyles = css` + *, + ::before, + ::after { + box-sizing: border-box; + } + html { + box-sizing: border-box; + scroll-behavior: smooth; + } + + body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', + 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', + 'Helvetica Neue', sans-serif; + } + + h1, + h2, + h3, + h4, + h5, + h6, + p { + margin: 0; + } + ul, + ol { + list-style: none; + padding-left: 0; + margin: 0; + } + button { + padding: 0; + border: none; + font: inherit; + color: inherit; + cursor: pointer; + } + a { + text-decoration: none; + color: inherit; + } + img { + display: block; + max-width: 100%; + height: auto; + } + code { + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + monospace; + } +`; \ No newline at end of file