@charset "utf-8";
.transition-fade {
	opacity: 1;
	transition: 0.5s;
}

html.is-animating .transition-fade {
	opacity: 0;
}


body {
		background-color: #020305;
		font-size: 1rem;
		color: #888888;
		font-family: 'Be Vietnam Pro', sans-serif;
		font-weight: 300;
		letter-spacing: 0.1rem;
		margin: 0;
	}
	img {
		width: inherit;
	}
	.name-detail {
		display: flex;
		height: 10vh;
		align-items: center;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
	}
	.name-mobile {
		display: flex;
		height: 10vh;
		align-items: center;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
		justify-content: center;
	}
	.img-detail {
		margin: auto;
		width: 95vw;
		object-fit: contain;
	}
	.img-mobile {
		margin: auto;
		width: 640px;
		object-fit: contain;
	}
	
	@media (max-width: 768px) {
		.img-mobile {
			margin: 0;
			width: 100vw;
		}
	}
	.item-detail {
		margin-bottom: 2.5vw;
	}