create stylesheets for each page

styles/index.css

@@ -0,0 +1,52 @@
+/* header and footer */
+header {
+	display: flex;
+	align-items: center;
+	min-width: min-content;
+}
+
+footer {
+	text-align: center;
+}
+
+#headerimg {
+	border-right: 3px solid black;
+	width: 128px;
+	background-image: url("/images/watching.jpg");
+	flex: initial;
+	align-self: stretch;
+}
+
+#headermain {
+	text-align: center;
+	flex: auto;
+}
+
+#headermain a {
+	color: blue;
+	text-decoration: none;
+	text-transform: uppercase;
+}
+
+#headermain a:hover {
+	text-decoration: underline;
+}
+
+#headermain nav {
+	font-size: x-large;
+}
+
+nav ul,
+footer ul {
+	padding: 0;
+}
+
+nav ul li,
+footer ul li {
+	display: inline;
+}
+
+nav ul li + li::before,
+footer ul li + li::before {
+	content: " | ";
+}