@import url(https://design.cyberia.club/css/full.css);

:root {
	--content-width: 57ch;
}

body {
	background: linear-gradient(in oklch -15deg, var(--bg-teal-4) 0%, var(--bg-blue-4) 50%, var(--bg-purple-4) 100%);
}

.background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;

	padding: 0;
	margin: 0;
 
 	opacity: 50%;
	background-image: url('lz-sunlight.jpg');
	background-image: image-set(
		url('lz-sunlight.avif') 1x,
		url('lz-sunlight.jpg') 1x
	);

	background-size: cover;
	background-position: center;
}

header, main, footer {
	width: var(--content-width);
	max-width: 100vw;
	padding: 1rem 3ch;
	margin: 1rem auto;
	background: var(--bg);
	border: var(--border-strong);
	border-radius: var(--radius);
}

nav {
	text-align: center;
}

main, h3, h4, h5, h6 {
	text-align: initial;
}

marquee {
	width: 100%;
	color: var(--fg-pink);
	font-weight: bold;
	font-size: 1.5em;
}

img {
	max-width: var(--content-width);
	display: block;
	height: auto;
	width: 100%;
}

.warning {
	color: var(--fg-red);
}