Move styles out into their own files to reduce clutter in the main html file.

2024-02-11 22:09:28 -06:00
parent ca6f5da547
commit 9c351d19a2
3 changed files with 129 additions and 148 deletions
@@ -0,0 +1,53 @@
+:root {
+	--default-font-size: 16px;
+	--default-spacing: 10px;
+}
+body {
+	line-height: 1.5;
+}
+
+p, h1, h2, h3, h4, h5, textarea, input, fieldset {
+	margin: var(--default-spacing);
+}
+
+legend {
+	padding: 5px;
+	font-size: 18px;
+	font-weight: bold;
+}
+
+textarea, input {
+	padding: var(--default-spacing);
+	font-size: var(--default-font-size);
+}
+
+.flex {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+}
+
+header {
+	grid-area: header;
+	border: solid 1px black;
+}
+
+article {
+	grid-area: content;
+	border: solid 1px black;
+}
+
+aside {
+	grid-area: sidebar;
+	border: solid 1px black;
+}
+
+.details {
+	grid-area: details;
+	border: solid 1px black;
+}
+
+footer {
+	grid-area: footer;
+	border: solid 1px black;
+}