:root {
	color-scheme: dark;
	background-color: #000048;
	background-image: url(background.gif);
	background-size: 256px;
	font-family: sans-serif;
	image-rendering: pixelated;
	animation-name: scroll;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: calc(768s/60);
	color: #b4fcfc;
	/* overflow-x: hidden; */
	/* user-select: none; */
	/* pointer-events: none; */
}

main {
	width: fit-content;
	background-color: #448844af;
	outline-style: solid;
	outline-color: #b4fc6c;
	outline-offset: -3px;
	/* box-sizing: border-box; */
	/* outline-offset: ; */
	/* background-image: url(upstream\ dark.jxl); */
	padding: 0.5em;
	/* backdrop-filter: blur(0.5em); */
}

/* img {
	max-width: 100%;
	height: auto;
} */

/* main::before {
	content: url(boob.png);
} */

p {
	font-size: 1.25em;
}

section {
	display: flow-root;
}

hr {
	color: #01fcfc;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.float-left {
	float: left;
	margin-right: 0.5em;
}

#kirratoma:hover {
	content: url(kirratoma-stare2.png);
}

/* a:any-link, video {
	pointer-events: initial;
} */

@keyframes scroll {
  to {
		background-position-x: -768px;
		/* background-position-y: -256px; */
		/* transform: rotate(1turn); */
	}
}