body {padding: 0 32% 0% 32%;
			background: #222222;
			color: white;}

		@media (max-width: 1200px)
		{body {	padding: 0 20% 0% 20%;}}

		@media (max-width: 992px)
		{body {	padding: 0 15% 0% 15%;}}

		@media (max-width: 768px)
		{body {	padding: 0 10% 0% 10%;}}

		@media (max-width: 576px)
		{body {	padding: 0 7% 0% 7%;}}

		h1, h2, h3, h4, h5{padding-top: 3%;}

		a, a:visited, a:hover, a:active {
			color: #e7a91d;
			text-decoration: none;
		}

		em {
			color: #d63384;
		}

		.hljs {
			display: none;
		}

		.nav {
			font-size: calc(100% + 2vw + 2vh);;
			font-weight: bold;
			color: white;
			padding-bottom: 3%;
		}

		.joplin-editable {
			background: #333333;
		}

		.flex-container {
			display: flex;
		}

		.flex-container > div {
  			padding: 3%;
		}