body {
	background: black;
	position: relative;
	font-family: monospace;
	line-height: 1.2rem;
	overflow-x: hidden;
	margin: 0;
	font-size: 22px;
	line-height: 1.4;
}

ul,figcaption {
	list-style-type: georgian;
	font-family: "Gill sans";
}
ul{
	list-style-position: outside;
}

h1,
h2,
ul {
	margin: 0 0 1.2rem 0;
	padding: 0;
}

h1 {
	line-height: 2.5;
}

h2,
li {
	line-height: 1.4;
}

h1,
h2,
h3 {
	color: dodgerblue;
}

a {
	color: deeppink;
}

small {
	font-size: 0.6em;
}

main {
	min-height: 89vh;
	padding: 2.4rem 1rem 2.4rem 90px;
	color: #333;
	background-color: #fff;
	background-image:
		linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
		linear-gradient(#eee 1px, transparent 1px);
	background-size: 100% 1.4em;
	box-shadow: inset 0 0 2vmax 1vmax rgba(0, 0, 0, 0.3);

}

del {
	opacity: 0.5;
}

body::after {
	content: '';
	width: 8vmax;
	height: 8vmax;
	background: goldenrod;
	right: 0;
	bottom: 0;
	position: fixed;
	background: linear-gradient(#F80000 25%, #F28900 26%, #F28900 50%, #53BD1E 51%, #53BD1E 75%, #2CA3E4 76%, #2CA3E4 100%);
	transform: rotate(-60deg) scale(4, 1);
	opacity: 0.9;
	box-shadow: 0 0 4vmin 1vmin rgba(0, 0, 0, 0.3);
}

mark {
	/* font-weight: bolder; */
	background: linear-gradient(104deg, rgba(252, 242, 100, 0) 0.9%,
			rgba(252, 242, 100, 1.25) 2.4%,
			rgba(252, 242, 100, 0.5) 5.8%,
			rgba(252, 242, 100, 0.1) 93%,
			rgba(252, 242, 100, 0.7) 96%,
			rgba(252, 242, 100, 0) 98%),
		linear-gradient(183deg, rgba(252, 242, 100, 0) 0%,
			rgba(252, 242, 100, 0.3) 7.9%,
			rgba(252, 242, 100, 0) 15%);
	/* padding: 0.6em 13.7px; */
	-webkit-box-decoration-break: clone;
	/* margin: 0; */
	border-radius: 7.5px;
	/* text-shadow: -12px 12px 9.8px rgba(252, 242, 100,0.7), 21px -18.1px 7.3px rgba(255, 255, 255,1), -18.1px -27.3px 30px rgba(255, 255, 255,1); */
}

[data-season=chrimbo] h1::after {
	content: "🎄";
	font-size: 3em;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 3rem;
}

[data-season=chrimbo] h1,
h2,
h3 {
	color: darkgoldenrod;
}

[data-season=chrimbo] a {
	color: darkgreen;
}

[data-season=chrimbo] small {
	color: darkred;
}

[data-season=chrimbo] li::marker {
	content: "🎁 ";
}

[data-season=chrimbo] li.special::marker {
	content: "⭐️ ";
}

li.risky::marker {
	content: "⚠️ ";
}

li.tape::marker {
	content: none
}

li.tape {
	display: flex;
	gap: 1rem;
}

li.tape::before {
	content: "";
	width: 2rem;
	display: inline-block;
	height: 2rem;
	object-fit: contain;
	background-image: url(/public/files/tap.png);
	background-size: 2rem 2rem;
}

li>span:not([title]) {
	display: block;
	font-size: 1rem;
	color: #555;
}

img.icon {
	display: inline-block;
	max-width: 1rem;
	max-height: 1rem;
	transition: transform 0.2s ease;
}

img.icon:hover {
	transform: scale(4);
}

@media screen and (max-width: 428px) {
	h1 {
		line-height: 1.2;
	}

	li {
		margin-bottom: 1rem;
	}

}

p.note {
	background: lightgoldenrodyellow;
	width: fit-content;
	max-width: fit-content;
	padding: 2rem;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.333));
	transform: translateY(-5%) rotate(-2deg);
	font-size: .7rem;
}

img.promo {
	float: right;
	width: 200px;
	height: auto;
	object-fit: contain;
}

figure {
	margin: 0 0 1rem;
}

/* figcaption {} */