From 26b67b7eddf4ca2c691c062705ddd595ead3426d Mon Sep 17 00:00:00 2001
From: Michael DiBernardo <debo@winterlightlabs.com>
Date: Sun, 25 Aug 2024 13:47:01 -0400
Subject: [PATCH] Baseline w/ reset

---
 style.css | 146 +++++++++++++++++++++++-------------------------------
 1 file changed, 61 insertions(+), 85 deletions(-)

diff --git a/style.css b/style.css
index a444342..9fff43c 100644
--- a/style.css
+++ b/style.css
@@ -1,86 +1,62 @@
-html, body {
-	background-color: black;
-	color: white;
-	font-family: helvetica, arial, sans-serif;
-	font-size: 14px;
-	line-height: 1.5;
-	margin: 0;
-	padding: 0;
+/*
+  1. Use a more-intuitive box-sizing model.
+*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+/*
+  2. Remove default margin
+*/
+* {
+  margin: 0;
+}
+/*
+  Typographic tweaks!
+  3. Add accessible line-height
+  4. Improve text rendering
+*/
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+/*
+  5. Improve media defaults
+*/
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+/*
+  6. Remove built-in form typography styles
+*/
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+/*
+  7. Avoid text overflows
+*/
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+/*
+  8. Create a root stacking context
+*/
+#root,
+#__next {
+  isolation: isolate;
 }
-
-.container {
-	margin: 0 auto;
-	max-width: 768px;
-	padding: 20px 5%;
-}
-
-section {
-	background-color: #171717;
-}
-
-h1, h2 {
-	line-height: 1;
-	text-transform: uppercase;
-}
-
-h2 {
-	margin-top: 40px;
-}
-
-h2:first-of-type {
-	margin-top: 20px;
-}
-
-.logo {
-	display: block;
-}
-
-img {
-	height: auto;
-	max-width: 100%;
-}
-
-.logo img {
-	width: 500px;
-}
-
-@media all and (max-width: 768px) {
-	.logo img {
-		width: 450px;
-	}
-}
-
-@media all and (max-width: 479px) {
-	.logo img {
-		width: 350px;
-	}
-}
-
-.icon.heart {
-	color: lightcoral;
-}
-
-a {
-	color: aquamarine;
-	font-weight: bold;
-}
-
-a:hover, a:active {
-	color: mediumaquamarine;
-}
-
-a code {
-	color: black;
-}
-
-code {
-	background-color: aquamarine;
-	color: black;
-	font-family: monospace;
-	padding: 1px;
-	user-select: all;
-}
-
-code.image {
-	background-color: lightyellow;
-}
\ No newline at end of file