:root {
	--sans-font: Inter, -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;
	--serif-font: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	--mono-font: "JetBrains Mono", Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	/* Reset transparency */
	img,
	video {
		opacity: 1;
	}
}

html {
	-webkit-text-size-adjust: 100%; /* prevent mobile safari font scaling in landscape while allowing user zoom */
}

.centered-image {
	display: block;
	margin: 0 auto;
}

.centered-link {
	display: block;
	width: fit-content;
	margin-inline: auto;
}

.cf-turnstile {
	display: block;
	width: fit-content;
	margin: 0 auto;
}

.full-width {
	width: 100%;
}

.logo {
	width: 100%;
	height: auto;
}

.logo-link {
	display: block;
	width: 15vw;
	min-width: 100px;
	max-width: 300px;
	margin-inline: auto;
}

.noborder {
	border-radius: 0;
}
.no-resize {
	resize: none;
}

/* Agent status */
pre.agent-status {
	background: #0b0f0b;
	color: #c8d8c8;
	padding: 1rem 0rem;
	overflow-x: auto;
}

pre.agent-status .ok     {
	color: #3ddc5c; 
}

pre.agent-status .warn   {
	color: #d8c23d; 
}

pre.agent-status .bad    {
	color: #e05252; 
}
pre.agent-status .dim    { 
	color: #7a8a7a;
}

pre.agent-status .strong { 
	font-weight: bold; 
}
@media only screen and (max-width: 720px) {
pre.agent-status {
	font-size: 0.7rem;
}