#npcInfoContainer {
	background: repeating-linear-gradient(45deg, #6666665b, #6666665b 10px, #66666675 10px, #66666675 20px);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 100000;
	justify-content: center;
	display: flex;
}

#npcInfoContainer>a {
	position: absolute;
	top: 0px;
	display: block;
	width: 100%;
	height: 100%;
	cursor: default;
}

#npcInfo {
	--theme_hue: 0;
	--theme_saturation: 0%;
	--theme_light_vdark: 0%;
	--theme_light_dark: 6%;
	--theme_light_middark: 13%;
	--theme_light_mid: 19%;

	background: hsl(var(--theme_hue), var(--theme_saturation), var(--theme_light_middark));
	top: 5vh;
	height: 82vh;
	width: 84vw;
	position: relative;
	border-radius: 4vh;
	border: #000 solid;
	z-index: 100001;
	padding: 6vh 2vh 2vh 2vh;
	overflow: hidden auto;
	display: grid;
	grid-template-columns: 200px 300px auto;
	grid-template-areas:
			"headline headline headline"
			"actions image ."
			"actions . .";
	grid-template-rows: auto auto 1fr;
	grid-gap: 1em;
}

#npcInfo>h2{
	grid-area: headline;
}

#npcInfo>#npcActions{
	grid-area: actions;
}

#npcInfo>img{
	max-width: 100%;
	grid-area: image;
}

#npcInfo>#npcsAbout{
	grid-column: 2/-1;
}

@media(max-width: 1000px) {
	#npcInfo {
		display: block;
	}
}

/*#npcInfo>.long{
	grid-area: long;
}*/