day one

styles/Index.module.scss

@@ -0,0 +1,39 @@
+.hero {
+	display: block;
+	width: 100%;
+	height: 28rem;
+	@media screen and (max-width: 800px) {
+		height: 20rem;
+	}
+	overflow: hidden;
+	position: relative;
+	border-left: none;
+	border-right: none;
+}
+.hero::before {
+	position: absolute;
+	content: "";
+	// we do a little heisenberg
+	background: url(https://media1.tenor.com/images/9e70091410c7b3dd14ecfa09e14aaed2/tenor.gif?itemid=11390952);
+	filter: blur(0.25rem) brightness(50%);
+	transform: scale(1.1);
+	background-size: cover;
+	background-position: 0 -14rem;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+.heroinside {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+}
+.stats {
+	margin: 1rem 16rem;
+}

styles/globals.css

@@ -1,26 +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;
-}
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-  body {
-    color: white;
-    background: black;
-  }
-}

styles/globals.scss

@@ -0,0 +1,59 @@
+@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@600&family=Quicksand&display=swap");
+:root {
+	--black0: #121212;
+	--black1: #1a1a1a;
+	--black2: #2c2c2c;
+	--black3: #1d1d1d;
+	--white0: #eee;
+	--accent: #61f2ea;
+	--fonts-norm: "Quicksand", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+		Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+	--fonts-bold: "Lexend", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+		Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+	/*  */
+	--backdrop: var(--black0);
+	--color: var(--white0);
+}
+* {
+	margin: 0;
+	padding: 0;
+}
+body {
+	background-color: var(--black0);
+	color: var(--color);
+	min-height: 100vh;
+	font-family: var(--fonts-norm);
+}
+h1,
+h2,
+h3 {
+	padding: 0.5rem 0;
+	font-family: var(--fonts-bold);
+}
+
+/* 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;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+  body {
+    color: white;
+    background: black;
+  }
+} */