html {
	font-family:Verdana,sans-serif;
}
body {
	background-color:#292929;
	color:#e0e0e0;
	text-align:center;
	margin:0;
}
a {
	color:orange;
}
a:hover {
	color:#ffc966;
}
a.menu-link {
	padding:.5em 1em;
	color:#777;
	display:block;
	text-decoration:none;
}
a.menu-link:hover {
	background-color:#eee;
}
code {
	color:palegreen;
}
code.btcaddr {
	margin-left:.5em;
	margin-right:.5em;
	word-break:break-all;
}
h1 {
	color:oldlace;
	margin-bottom:unset;
}
h2 {
	color:oldlace;
	margin-top:unset;
}
h3 {
	margin-top:unset;
	margin-bottom:.5em;
}
h4 {
	color:oldlace;
	margin-top:unset;
}
span.divine {
	color:oldlace;
	font-weight:bold;
}
span.warn {
	color:crimson;
	font-weight:bold;
}
.resize {
	max-width:100%;
}
.glow {
	box-shadow:0px 0px 0.3em 0px #0ff;
}
span.quote {
	font-style:italic;
}
header {
	background-color:black;
}
footer {
	background-color:black;
	margin-top:1em;
	margin-bottom:2px;
}
ul {
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
li {
	display:inline-block;
	vertical-align:middle;
	padding:0;
	margin:0;
	height:100%;
	position:relative;
}
div.main {
	margin:auto;
	max-width:700px;
}
div.menu {
	box-sizing:border-box;
}
div.section {
	padding:.5em;
	margin-bottom:.5em;
	box-shadow: 2px 2px 8px 0px #000000;
}
div.feature {
	background-color:#313131;
	padding:1em;
	margin-bottom:.5em;
	box-shadow: 2px 2px 8px 0px #000000;
}
div.demand {
	background-color:#313131;
	padding:1em;
	margin-bottom:.5em;
	box-shadow: 2px 2px 8px 0px #000000;
}
div.img {
	padding:1em;
}
div.ftext {
	margin-bottom:.5em;
}
div.flex {
	display:flex;
	align-items:center;
	justify-content:center;
}
div.center {
	align-self:center;
}
div#box {
	margin:1em;
	padding:1em;
}
div.gradient-border {
	--borderWidth: 3px;
	background: #1D1F20;
	position: relative;
	border-radius: var(--borderWidth);
}
div.gradient-border:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}
@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@media (max-width: 420px) {
	body {
		font-size:small;
	}
}
