things

static/shared.css

@@ -0,0 +1,92 @@
+	:root {
+		line-height: 1.5;
+		color: white;
+		--primary: #0d2222;
+		--secondary: #054f3f;
+		--thirdly: #043b2f;
+		--accent-1: #9f8083;
+		--accent-2: #66232e;
+		--accent-3: #44131a;
+	}
+	nav {
+		width: 100%;
+		height: 32px;
+		background-color: var(--accent-2);
+		border: 3px, outset, var(--accent-3);
+		align-content: center;
+		font-size: 18px;
+		a {
+			padding: 5px;
+			color: #9f8083;
+		}
+		a:hover {
+			color: #043b2f;
+		}
+	}
+	body {
+		background-image: url("/bg.png");
+		margin: 40px auto;
+		max-width: 1280px;
+	}
+	.container {
+	}
+	header {
+		text-align: center;
+		h1 {
+			display: block;
+			font-size: 2em;
+			margin-block-start: 0.37em;
+			margin-block-end: 0.37em;
+			margin-inline-start: 0px;
+			margin-inline-end: 0px;
+			font-weight: bold;
+			unicode-bidi: isolate;
+		}
+	}
+	footer {
+		text-align: center;
+	}
+	.body_of_funny_content {
+		display: flex;
+		flex-direction: row;
+	}
+	.left-sidebar {
+		margin: 5px;
+		margin-left: 0px;
+		height: 800px;
+		width: 125px;
+		background-color: var(--secondary);
+		border-style: inset;
+		border: 2px, inset, var(--thirdly);
+		box-sizing: border-box;
+	}
+	.right-sidebar {
+		margin: 5px;
+		margin-right: 0px;
+		height: 800px;
+		width: 125px;
+		background-color: var(--secondary);
+		border: 2px, inset, var(--thirdly);
+		box-sizing: border-box;
+	}
+	.actual-content {
+		flex: 1;
+		background-color: var(--primary);
+		margin: 5px;
+	}
+	.sticky_top {
+		position: sticky;
+		top: 5px;
+	}
+	.a_bit_of_padding {
+		padding: 12px;
+	}
+	.stamp_holder {
+		justify-content: center;
+		flex-grow: 0;
+		display: flex;
+		flex-wrap: wrap;
+		align-items: flex-end;
+		image-rendering: pixelated;
+		gap: 1px;
+	}