* {
	word-wrap:	break-word;
	outline:	none;
}

:root {
	--white: #ffffff;
	--black: #000000;
	--beige0: #fbf3c7;
	--gray0: #323232;
	--gray1: #212529;
	--gray2: #fafafa;
	--gray3: #f0f0f0;
	--red0: #ff1e56;
	--orange0: #ffac41;
	--violet0: #23005e;
	--zeroperc: 0%;
}

.light {
	--bg: var(--beige0);
	--fg: var(--white);
	--text: var(--black);
	--btn-color: var(--gray1);
	--mode-btn-color: var(--gray3);
}

.dark {
	--bg: var(--black);
	--fg: var(--gray0);
	--text: var(--white);
	--btn-color: var(--text);
	--mode-btn-color: var(--black);
}

html, body {
/*	max-width: 100%;
	overflow-x: hidden;*/
	background: var(--bg);
	color: var(--text);
	/* transition: background 500ms ease-in-out, color 1000ms ease-in-out; */
}

.inverted {
	filter: invert(100%);
}




.content {
	min-height: 100vh;
	background-color: var(--bg);
	transition: background-color 500ms ease-in-out;
	/*display: block;*/
	margin-top: 5vh;
	margin-bottom: 5vh;
	margin-left: 2vh;
	margin-right: 2vh;
	width: 100%;
}

@media only screen and (min-width: 600px) {
	.content {
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 0vh;
		margin-bottom: 0vh;
		padding: 5%;
		min-height: 100vh;
		/*display: block;*/
		background-color: var(--fg);
		width: 100%;
	}
}

#modeButton {
	background-color: var(--mode-btn-color);
	transition: background-color: 2000ms ease-in-out:
}

a.btn {
	color: var(--btn-color);
	transition: color: 1000ms ease-in-out;
}


img {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.caption {
  text-align: center;
}



/* https://stackoverflow.com/a/16575811 */
.notransition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}




.mesh-container {
    position: relative;
    width: 100%;
    /* padding-top: 56.25%; /\* 16:9 Aspect Ratio *\/ */
    /* margin-bottom: 0; */
}

.mesh-container > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.caption {
    text-align: center;
    font-size: 0.9em;
}


pre {
    padding: 2%;
}