.split-container {
	display: flex;
	gap: 1rem;

	:first-child {
		flex: 7;
	}

	:last-child {
		flex: 3;
	}

	img {
		width: 100%;
		height: 100%;
		margin: auto;
	}

	* {
		font-family: Arial;
	}
}


code {
	font-family: monospace !important;

}

main {
	display: block !important;
	max-width: calc(100% - 2ex);
	margin: auto;

	* {
		line-height: 1.5em;
	}

	p {
		margin-top: 0;
	}

	h3 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.card {
		border: 1px solid #ccc;
		border-radius: 1ex;
		padding: 1ex;
	}
}