body {
	padding-bottom: 3vw;
}

.container {
	font-family: sans-serif;
	font-size: 6vw;
	line-height: 6vw;	
}

#text a {
	color: blue;
	text-decoration: underline;
}

#text a:hover {
	text-decoration: none;
	/*text-decoration-color: pink;*/
}

a:hover img {
	box-shadow: 0.5vw 0.5vw 2vw pink;
}

img {
	border-radius: 50%;
	height: 4.3vw;
	vertical-align: baseline;
	width: auto;
}

.pieces {
	display: inline;
}

#your-nfts .piece {
	display: block;
	margin-bottom: 8.6vw;
}

#your-nfts img {
	height: auto;
	max-width: 100%;
}

.btn-action {
	background: pink;
	border-radius: 1em;
	color: blue;
	cursor: pointer;
	display: inline-block;
	font-size: 2.5vw;
	padding: 0 1vw;
	vertical-align: text-bottom;
}

.btn-action:hover {
	box-shadow: 0.5vw 0.5vw 2vw rgb(0, 0, 255);
}

.btn-action.is-inactive {
	pointer-events: none;
}

#btn-mint {
	display: none;
}

#btn-blocked {
	color: red;
	display: none;
	font-style: italic;
}

body.wallet-connected #btn-connect {
	display: none;
}

body.wallet-connected #btn-mint {
	color: green;
	display: inline-block;
}

body.minting-blocked #btn-connect,
body.minting-blocked #btn-mint {
	display: none;
}

body.minting-blocked #btn-blocked {
	display: inline-block;
}

#btn-toggle-nfts a {
	background: blue;
	border-radius: 1em;
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 0.35em 0.5em;
	position: fixed;
	right: 10px;
	text-decoration: none;
}

#btn-toggle-nfts a:hover {
	box-shadow: 0.5vw 0.5vw 2vw rgb(0, 0, 255);
}

#status-minting {
	align-items: center;
	background: pink;
	color: blue;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;		
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

body.is-minting #status-minting {
	display: flex;
}

#status-minting .txt {
	animation: rotate 8s infinite linear;
}

@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

#interface {
	position: fixed;
	right: 13px;
	top: 7px;
}

#interface ul, #interface li {
	font-size: 20px;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

#interface li {
	display: inline-block;
	margin-left: 10px;
}

#interface a {
	color: red;
}

#interface a:hover {
	text-decoration: none;
}

#interface li#to-your-nfts{
	display: none;
}

@media (max-width: 1024px) {

	#interface {
		background: #fff;
		bottom: 13px;
		top: auto;
	}

	#interface ul, #interface li {
		font-size: 15px;
	}

}