* { box-sizing:border-box; }
body {
	font:300 18px 'Hammersmith One',sans-serif;
	margin:0; padding:0;
	background:linear-gradient(hotpink,rebeccapurple);
}
a { color:dodgerblue; }
header { color:white; text-align:center; padding:1em; }
header h1 {	font-size:3em; }
header h1, article h2 { margin:0; padding:0; }
#symbology { text-align: center; }
#symbology img { height: 2em; vertical-align: middle; }
p.bob {
	max-width:400px;
	margin:0 auto;
	background:white;
	color:purple;
	font-family:'Gloria Hallelujah',cursive;
	transform:rotate(3deg);
	box-shadow:0 3px 4px #0002;
}
article {
	position:relative;
	background:white;
	color:#333;
	width:90%;
	padding:0.5em;
	margin:1em auto;
	border-radius:0.5em;
}
article span { color:#aaa; font-size:0.8rem; }
article.rotten {
	margin-bottom:0;
	padding-bottom:0;
}
p:last-of-type { margin-bottom:0; }
.rot {
	position:absolute;
	top:0; left:0;
	height:100%; width:100%;
	background:linear-gradient(transparent,#110);
	pointer-events:none;
}
.rip {
	display:block;
	width:90%; height:200px;
	margin:0 auto;
}
.censored {
	color:black;
	background:black;
	user-select:none;
}
#help1, #help2 {
	visibility:hidden;
	pointer-events:none;
	user-select:none;
	position:fixed;
	top:0; right:0;
	height:100vh; width:100vw;
	font-size:4vw;
	font-weight:bold;
	color:white;
	text-shadow:2px 2px 2px black;
	filter:none;
	animation:none;
}
#help1 thought, #help2 thought {
  display:block;
}
#help2 {
	top:10vh; left:10vw;
	height:90vh; width:90vw;
	filter:blur(3px);
}
body.justfine #help1 { animation:flumbo1 15s 0s infinite; }
body.justfine #help2 { animation:flumbo2 15s 0s infinite; }
@keyframes flumbo1 {
	0%, 85%, 95%, 100% {
		visibility:hidden;
		filter:none;
		transform:scale(1);
	}
	86% {
		visibility:visible;
		filter:none;
		transform:scale(1);
	}
	94% {
		visibility:visible;
		filter:blur(3px);
		transform:scale(1.02);
	}
}
@keyframes flumbo2 {
	0%, 85%, 95%, 100% {
		visibility:hidden;
		filter:none;
		transform:scale(1);
	}
	86% {
		visibility:visible;
		filter:blur(3px);
		transform:scale(1);
	}
	94% {
		visibility:visible;
		filter:none;
		transform:scale(1.02);
	}
}

@media screen and (min-width:700px) {
	header, footer { padding:4em; }
	article { padding:2em; }
}