:root {
		line-height: 1.5;
		color: white;
		--primary: #0d2222;
		--secondary: #054f3f;
		--thirdly: #043b2f;
		--accent-1: #9f8083;
		--accent-2: #66232e;
		--accent-3: #44131a;
		--success: #1a6b47;
		--warning: #7a5c1a;
		--error: #7a2030;
		--card: #122a2a;
		--card-raised: #183636;
		--card-field: #0a1e1e;
		--card-border: #1f4444;
	}

	body {
		background-image: url("/bg.png");
		margin: 40px auto;
		max-width: 1280px;
	}

	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;
	}

	.actual-content {
		flex: 1;
		background-color: var(--primary);
		/* border:  */
		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;
	}