/* Automatic browser behaviour is to ignore additional whitespaces and line break characters, because ???, so here is an example of a fix (don't actually use it on all elements, it will break the formatting of everything), because programming should be an exacting techne, instead of bullshit flowing out of a loose anus */
/* * {
/*	white-space: pre-wrap; *//* Values can include `pre-wrap`, `pre`, and `pre-line`; other values are possible, see Mozilla docs for more information */
/*}*/

/* CSS for rudimentary "message successfully sent" element on form/input submission */
.fading-in {
	animation-name: fade-in;
	animation-duration: 1.0s;
}
@keyframes fade-in {
	from {
		opacity: 0%;
	}
	to {
		opacity: 100%;
	}
}

/* Because the `hidden` HTML attribute doesn't actually work the moment any modicum of CSS is involved */
.hidden {
	display: none;
}

/* Might do something with these later (as of right now, active/inactive elements have their `display` attribute changed manually, and this is partly for the reason that it's not clear whether ALL `active` elements should be `display: inline;`, `display: block;`, etc.) */
.inactive {
}

.active {
}

/* Custom way of handling invalid input fields: sometimes (via JS) we will apply the `invalid=''` HTML attribute to an HTML element, and then query elements based on this custom attribute */
input[invalid] {
	border: 2px solid #990000;
}