@font-face {
	font-family: BVLLET;
	src: url(/media/font/bvllet/BVLLET.woff2);
}
@font-face {
	font-family: LUNNA;
	src: url(/media/font/LUNNA/LUNNA.woff2);
}
@font-face {
	font-family: CasuallySerious;
	src: url(/media/font/casually_serious/CasuallySerious-Regular.woff2);
}
@font-face {
	font-family: Amarna-Medium;
	src: url(/media/font/amarna/fonts/webfonts/Amarna-Medium.woff2);
}
@font-face {
	font-family: segotia;
	src: url(/media/font/segotia/Segotia-Regular.woff2);
}
@font-face {
	font-family: Nygus;
	src: url(/media/font/Nygus/Nygus.woff2);
}


@media (min-aspect-ratio: 1/1){
	body,input,textarea{
		font-size: 18pt;
	}
}
@media (max-aspect-ratio: 1/1){
	body,input,textarea{
		font-size: 28pt;
	}
}

body,input,textarea{
	background-color: #000;
	color: #ddf;
	text-align: center;
	padding: 5pt;
	font-family: Amarna-Medium;
}
input,textarea{
	border: 1pt solid #f0f;
	border-radius: 5pt;
}
.about{
	font-size: 65%;
	color: #ccd
}
.hidden{
	display: none;
}
h1.logo{
	line-height: 1;
}
.logo{
	font-family: LUNNA;
	color: #f0f;
	text-decoration-style: wavy;
	text-decoration-color: #505;
}
.logo a{
	text-decoration-style: inherit;
	text-decoration-color: inherit;
}
.pink{
	color: #f0f;
}
.red{
	color: #f00;
}
.subdued{
	color: #888;
}
.lightgray{
	color: #ccc;
}
footer{
	display: block;
	font-size: 5pt;
	color: #505;
	font-family: Amarna-Medium;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
}
footer a{
	color: inherit;
}
pre{
	max-width: 85vw;
	text-wrap: balance;
	overflow-wrap: break-word;
	margin-left: auto;
	margin-right: auto;
}
pre.border{
	border: 1px solid #f0f;
	border-radius: 5pt;
	padding-left: 15pt;
	padding-right: 15pt;
}
p, div.p, pre.p{
	border: 1px solid #323;
	border-radius: 5pt;
	background-color: #101;
}
.nop p, .nop div.p, .nop pre.p{
	border: inherit;
	border-radius: inherit;
	background-color: inherit;
}
.article{
	text-align: left;
}
div.article p, div.article pre.p{
	border: none;
	background-color: inherit;
}
table td{
	vertical-align: top;
	padding: 15pt;
}
table.article{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
p.nobg{
	border: none;
	background-color: initial;
}
p.top{
	border-radius: 5pt 5pt 0 0;
	border-bottom: none;
}
p.middle{
	border-radius: 0;
	border-top: none;
	border-bottom: none;
}
p.bottom{
	border-radius: 0 0 5pt 5pt;
	border-top: none;
}
p.top.gradient{
	background: #101;
	background: -webkit-linear-gradient(0deg,rgba(17, 0, 17, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(17, 0, 17, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(0deg,rgba(17, 0, 17, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr="#110011",
		endColorstr="#000000",
		GradientType=0
	);
}
p.bottom.gradient{
	background: #010;
	background: -webkit-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(17, 0, 17, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(17, 0, 17, 1) 100%);
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(17, 0, 17, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr="#000000",
		endColorstr="#110011",
		GradientType=0
	);
}
.nomargin{
	margin: 0;
}
.notopmargin{
	margin-top: 0;
}
.nobottommargin{
	margin-bottom: 0;
}
div.list{
	margin-top: 15pt;
	margin-bottom: 15pt;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
img.selfie{
	max-width: 50vw;
	max-height: 50vh;
	width: auto;
	height: auto;
	border-radius: 5pt;
}
img.qrcode{
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	max-width: 300pt;
	hax-height: 300pt;
	width: auto;
	height: auto;
	border-radius: 15pt;
	border: 3pt solid #f0f;
	padding: 10pt;
}
a.cash{
	color: #00ff00;
}
img.qrcode.xmr{
	border-color: #ff6600;
}
a.xmr{
	color: #ff6600;
}
img.qrcode.btc{
	border-color: #f7931a;
}
a.btc{
	color: #f7931a;
}
img.qrcode.eth{
	border-color: #88aaf1;
}
a.eth{
	color: #88aaf1;
}
a{
	color: #ddf;
	text-decoration-style: dashed;
}
a.CUR{
//	color: #fff;
	user-select: all;
}
.CUR{
	text-wrap: balance;
	overflow-wrap: break-word;
}
textarea.large{
	width: 90vw;
	height: 30vh;
}
code{
	background-color: #202;
	border: 1pt solid #505;
	border-radius: 5pt;
	word-wrap: break-word;
	font-size: 90%;
}
.no-wrap{
	white-space: nowrap;
}
.w50{
	width: 50%;
}