feat: add default global styling

src/styles/globals.scss

@@ -0,0 +1,20 @@
+@import "./variables/colors";
+@import "media-query";
+
+*,
+::before,
+::after {
+  margin: 0;
+  padding: 0;
+  text-decoration: none;
+  box-sizing: border-box;
+  font-family: "Poppins", sans-serif;
+  transition: all 150ms ease-in-out;
+}
+
+body {
+  background-color: $background;
+}
+main {
+  padding: 100px 0;
+}

src/styles/media-query.scss

@@ -0,0 +1,43 @@
+.container {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 2vw;
+  padding-right: 2vw;
+}
+
+@media (min-width: 475px) {
+  .container {
+    max-width: 475px;
+  }
+}
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
+@media (min-width: 1920px) {
+  .container {
+    max-width: 1920px;
+  }
+}

src/styles/variables/_colors.scss

@@ -0,0 +1,5 @@
+$primary: #3f72af;
+$primary-variant: #37619d;
+$secondary: #112d4e;
+$surface: #dbe2ef;
+$background: #f9f7f7;