3 files changed, 9 insertions, 17 deletions
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index f3f9628..6f08a02 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,4 +1,4 @@
-import '../styles/globals.css';
+import '../styles/globals.scss';
 import type { AppProps } from 'next/app';
 
 function MyApp({ Component, pageProps }: AppProps) {
diff --git a/src/styles/globals.css b/src/styles/globals.css
deleted file mode 100644
index e5e2dcc..0000000
--- a/src/styles/globals.css
+++ /dev/null
@@ -1,16 +0,0 @@
-html,
-body {
-  padding: 0;
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-* {
-  box-sizing: border-box;
-}
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
new file mode 100644
index 0000000..6647548
--- /dev/null
+++ b/src/styles/globals.scss
@@ -0,0 +1,8 @@
+@charset 'utf-8';
+
+/**
+ * 1.0. Vendors
+ *
+ * Import each files separately to define vendors styles order.
+ */
+@use "modern-normalize";