refactor: migrate scss to tailwind css

Author: kevinjosethomas

src/pages/_app.tsx

@@ -13,7 +13,6 @@ import {
   WindowSizeContextProvider,
   AnalysisListContextProvider,
 } from 'src/providers'
-import 'src/styles/globals.scss'
 import 'src/styles/tailwind.css'
 import 'react-tooltip/dist/react-tooltip.css'
 import 'node_modules/chessground/assets/chessground.base.css'

src/styles/_base.scss

@@ -7,6 +7,57 @@ pre {
   margin: 0;
 }
 
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+button:disabled {
+  cursor: not-allowed;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  padding: 0;
+  margin: 0;
+}
+
+.app-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 100vh;
+  background-color: rgb(var(--color-backdrop));
+  color: rgb(var(--color-text-primary));
+}
+
+@media (max-width: 1000px) {
+  .app-container {
+    flex-direction: column;
+    overflow-x: hidden;
+  }
+}
+
+.content-container {
+  flex-grow: 1;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
 :root {
   --color-backdrop: 246 246 246;
   --color-text-primary: 30 30 30;