html {
	font-size: 100%;
	box-sizing: border-box;
}

* {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	background-color: hsl(217, 54%, 11%);
}

h2 {
	font-size: 15px;
	font-family: 'Outfit', sans-serif;
}



.container {
	width: 330px;
	height: 540px;
	background-color: hsl(216, 50%, 16%);
	border-radius: 15px;
	text-align: center;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}


.img-style {
	width: 280px;
	height: 280px;
	border-radius: 10px;
	margin-top: 25px;

}
.text-section {
	width: 280px;
	margin: 0 auto;
	text-align: left;
}

.nft-name {
	font-size: 21px;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	margin-bottom: 10px;

}

.nft-description {
	font-family: 'Outfit', sans-serif;
	font-weight: 300;
	line-height: 1.7;
	margin: 0 auto;
}

.icon-section {
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 10px;
	width: 280px;
	border-bottom: 1px solid hsl(215, 32%, 27%);
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}

.white {
	color: hsl(0, 0%, 100%);

}
.cyan{
	color: hsl(178, 100%, 50%);
}

.soft-blue-slim {
	color: hsl(215, 51%, 70%);
	font-weight: 300;}

.icon, .text {
	vertical-align: middle;
	display: inline-block;
}
.icon {
	margin-bottom: 5px;
}

.margin-right {
	margin-right: 6px;
}

.creator-section {
	width: 280px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
}

.avatar {
	width: 30px;
	height: 30px;
	border: 1px solid white;
	border-radius: 50%;
	margin-right: 15px;