body{
	background: hsl(217, 54%, 11%);
}

.nft-contenedor{
	background: hsl(216, 50%, 16%);
	width: 300px;
	height: 500px;
	margin: 12vw auto;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
}

.nft-img{
	width: 90%;
	height: 55%;
	margin: 5% auto 0;
}

.nft-img img{
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.nft-info{
	width: 90%;
	height: 40%;
	margin: 10px auto 0px;
}

.nft-titulo{
	color: #fff;
	font-size: 18px;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
}

.nft-txt{
	color: hsl(215, 51%, 70%);
	font-family: 'Outfit', sans-serif;
	font-weight: 300;
	font-size: 15px;
}

.nft-precio{
	color: hsl(178, 100%, 50%);
	margin: 15px auto;
}

.nft-precio span svg{
	width: 13px;
	height: 13px;
	margin-right: 8px;
}

.nft-precio span svg .eth{
	fill: hsl(178, 100%, 50%);
}

.nft-precio span svg .clc{
	fill: hsl(215, 51%, 70%);
}

.nft-precio .time{
	color: hsl(215, 51%, 70%);
	margin-left: 90px;
}

.linea{
	background: hsl(215, 32%, 27%);
	width: 100%;
	height: 1px;
	margin: 15px auto;
}

.nft-avatar{
	color: hsl(215, 51%, 70%);
	display: flex;
	align-items: center;
	font-size: 13px;
	font-family: 'Outfit', sans-serif;
	font-weight: 300;
}


.nft-avatar img{
	width: 28px;
	height: 28px;
	border: 1px solid #fff;
	border-radius: 50px;
}

.nft-avatar-name{
	width: 100%;
	height: 80%;
	margin-left: 12px;
}

.nft-avatar-name span{
	color: #fff;
}

footer{
	color: #fff;
	margin: -50px auto;
}

footer .link:link{
	color: #fff;
}

footer .link:visited{
	color: #F1C40F;
}

footer .autor{
	color: #800000;
}

@media screen and (max-height: 660px) {
	footer{
		margin: 86px auto 0px;
	}
}

@media screen and (max-width: 340px) {
	footer{
		margin: 96px auto 0px;
		font-size: 15px;
	}
}