@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap');

@font-face {
	
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:400;
    font-display:auto;
    src:url(../lib/webfonts/fontawesome/400/fa-regular-400.eot);
    src:url(../lib/webfonts/fontawesome/400/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../lib/webfonts/fontawesome/400/fa-regular-400.woff2) format("woff2"),url(../lib/webfonts/fontawesome/400/fa-regular-400.woff) format("woff"),url(../lib/webfonts/fontawesome/400/fa-regular-400.ttf) format("truetype"),url(../lib/webfonts/fontawesome/400/fa-regular-400.svg#fontawesome) format("svg")
}

 @font-face {
	 
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:900;
    font-display:auto;
    src:url(../lib/webfonts/fontawesome/900/fa-solid-900.eot);
    src:url(../lib/webfonts/fontawesome/900/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../lib/webfonts/fontawesome/900/fa-solid-900.woff2) format("woff2"),url(../lib/webfonts/fontawesome/900/fa-solid-900.woff) format("woff"),url(../lib/webfonts/fontawesome/900/fa-solid-900.ttf) format("truetype"),url(../lib/webfonts/fontawesome/900/fa-solid-900.svg#fontawesome) format("svg")
}

/* ================ General ================ */

body {
	
	
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	color: hsl(0, 0.0%, 13.3%);
	background: transparent;
	
    line-height: 1.5;
	
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	
	display:flex;
	flex-direction:column;
	align-items:center;
}

p {

	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* ================ Stats ================ */


.count, 
.unit, 
.CTA-button * {

	font-family: 'Bitter', sans;
	font-weight: bold;
	font-size: 2rem;
}

.label {
	
	display: block;
	font-size: 1rem;
	font-weight: 400;
}

/* ================ Button ================ */

	
#copyButton
{
	margin-bottom: 0.5rem;
}

.CTA-button button, 
.CTA-button a, 
.CTA-button a:visited {
	
	cursor: pointer;
	background-color: hsl(355, 65%, 55%);
	color: white;
	text-decoration: none;
	
	display: inline-block;
	border-radius: .25rem;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	width: auto;
	font-size: 1.5rem;
	line-height: 1.5;
	
	text-align: center;
	vertical-align: middle;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	transition: 
		color .15s ease-in-out, 
		background-color .15s ease-in-out,
		border-color .15s ease-in-out,
		box-shadow .15s ease-in-out;
	
	margin-bottom: 0;
	
}

.CTA-button button:hover, 
.CTA-button a:hover {
	
	background-color: hsl(355, 70%, 60%);
	
}

.CTA-button button:before, 
.CTA-button a:before { 
	
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-right: 0.5rem;
}

.CTA-button button#supportButton:before {
	
	content: "\f004"; /* fa-heart */
	
}
.CTA-button button#copyButton:before {
	
	content: "\f328"; /* fa-clipboard */
}

.CTA-button a.api:before {
	
	content: "\f1d8"; /* fa-paper-place */
}

#supportButtonContainer, 
.stat
{
	height: 100%;
	overflow: hidden;
	transition-property: opacity, height;
	transition-delay: 0s, 0.50s;
	transition-duration: 0.49s, 0s;
}

#pubkey-and-copy-button
{
	opacity: 0;
	height: 0;
	transition-property: opacity, height;
	transition-delay: 0.51s, 0.51s;
	transition-duration: 0.50s, 0s;
}

#pubkey
{
	border: transparent;
	background: transparent;
    font-family: inherit;
    font-size: inherit;
}
 
#pubkey:focus
{
	outline: 0;
}

#pubkey::selection
{
	background: transparent;
	border: 0;
}


.countup > *
{
	margin-bottom: 1rem;	
}


.countup
{
	margin-bottom: 1.5rem;	
}

#successMsg
{
	opacity: 0;
	/*height: 0;*/
	line-height: 1.5em;
	transition-property: opacity, height;
	transition-duration: 1.5s, 0.5s;
}


/* ================ iframe autoHeight handling ================ */

body > :first-child {
	
	margin-top: 0;
}

body > :last-child {
	
	margin-bottom: 0;
}