@import "site-colors.css";

header {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 2px solid gray;
}

@media only screen and (max-width: 600px) {
	header {
		flex-direction: column
	}
}

@media (min-width: 1050px) {
	header {
		height: 150px;
	}

	header > figure img {
		width: 250px;
		image-rendering: pixelated;
	}
}

@media(min-width: 600px) {
	body {
	    max-width: 1400px;
	    margin: 0 auto;
	}
}

body {
	font-family: "Ac437 ACM VGA 8x16", "Sins Gold", "Video Terminal Screen", "Cascadia Mono", "CaskaydiaCove Nerd Font", Consolas, Courier, monospace;
	background: var(--background);
	color: var(--foreground);
	padding: 6pt;
}

body > header,
body > main,
body > footer {
	margin: 0 auto;
}

body > main {
	max-width: 800px;
}

a {
	color: var(--link);
}

figure > figcaption > a::before,
p > a::before {
	content: "[";
}

figure > figcaption > a::after,
p > a::after {
	content: "]";
}

footer {
	display: flex;
	flex-direction: row;
	font-style: italic;
	width: 100%;
	border-top: 2px solid var(--border);
}

footer img {
	max-width: 320px;
	max-height: 240px;
}

.trans {
	background: linear-gradient(0deg, rgba(91,207,250,1) 0%, rgba(245,171,185,1) 40%, rgba(255,255,255,1) 50%, rgba(245,171,185,1) 60%, rgba(91,207,250,1) 100%);
	background-clip: text;
}