:root {
	--ctp-latte-rosewater: oklch(0.7141 0.1045 33.0967);
	--ctp-latte-flamingo: oklch(0.6856 0.1259 20.8670);
	--ctp-latte-pink: oklch(0.7256 0.1739 338.4333);
	--ctp-latte-mauve: oklch(0.5547 0.2503 297.0156);
	--ctp-latte-red: oklch(0.5505 0.2155 19.8095);
	--ctp-latte-maroon: oklch(0.6252 0.1967 20.2724);
	--ctp-latte-peach: oklch(0.6920 0.2041 42.4293);
	--ctp-latte-yellow: oklch(0.7140 0.1494 67.7767);
	--ctp-latte-green: oklch(0.6250 0.1772 140.4448);
	--ctp-latte-teal: oklch(0.6023 0.0981 201.1047);
	--ctp-latte-sky: oklch(0.6820 0.1448 235.3822);
	--ctp-latte-sapphire: oklch(0.6477 0.1068 212.8893);
	--ctp-latte-blue: oklch(0.5586 0.2255 262.0867);
	--ctp-latte-lavender: oklch(0.6638 0.1751 273.1346);
	--ctp-latte-text: oklch(0.4355 0.0430 279.3250);
	--ctp-latte-subtext1: oklch(0.4920 0.0385 279.2992);
	--ctp-latte-subtext0: oklch(0.5471 0.0343 279.0837);
	--ctp-latte-overlay2: oklch(0.6009 0.0305 278.6944);
	--ctp-latte-overlay1: oklch(0.6536 0.0269 278.1208);
	--ctp-latte-overlay0: oklch(0.7077 0.0237 274.6008);
	--ctp-latte-surface2: oklch(0.7584 0.0205 273.1536);
	--ctp-latte-surface1: oklch(0.8083 0.0174 271.1982);
	--ctp-latte-surface0: oklch(0.8575 0.0145 268.4756);
	--ctp-latte-base: oklch(0.9578 0.0058 264.5322);
	--ctp-latte-mantle: oklch(0.9335 0.0087 264.5206);
	--ctp-latte-crust: oklch(0.9060 0.0117 264.5071);
}

html {
	background: var(--ctp-latte-overlay0);
}

body {
	min-height: 100%;
	max-width: 750px;
	margin: 1% auto;
	font-family: 'JetBrains Mono';
	background: var(--ctp-latte-base);
	border: solid var(--ctp-latte-sky);
	padding: 1rem;
}

nav {
	display: flex;
	justify-content: space-around;
}

main {
	padding: 1rem;
	margin: 1rem;
	/* border: solid var(--ctp-latte-teal); */
}

footer {
	display: flex;
	justify-content: center;
}

p {
	color: var(--ctp-latte-subtext1);
	size: 15px;
}

a {
	color: var(--ctp-latte-sky)
}

img {
	max-width: 100%;
}