.encounter{
	grid-template-columns: 1fr 1fr 5fr;
	grid-template-rows: 5;
	display: grid;
	margin-bottom: 0.3em;
}

.encounter_1{
	grid-row-start: 1;
	grid-row-end: 6;
	background-color:RGBA(150,150,200,0.5);
	border-style:solid;
	border-color:black;
	border-width:thin;
	text-align:center;
	align-content: center;
	font-weight:bold;
}

.encounter_2{
	grid-column: 2;
	border-style:solid;
	border-color:black;
	border-width:thin;
}

.encounter_3{
	grid-column: 3;
	border-style:solid;
	border-color:black;
	border-width:thin;
}

.encounter_head{
	background-color:RGB(130,130,180);
	font-weight:bold;
	border-style:solid;
	border-color:black;
	border-width:thin;
	color:black;
}

.encounter_2:nth-child(2), .encounter_3:nth-child(3){
	background-color:RGB(220,220,220);
}

.encounter_2:nth-child(4), .encounter_3:nth-child(5){
	background-color:RGB(200,200,200);
}

.encounter_2:nth-child(6), .encounter_3:nth-child(7){
	background-color:RGB(180,180,180);
}

.encounter_2:nth-child(8), .encounter_3:nth-child(9){
	background-color:RGB(160,160,160);
}

.encounter_2:nth-child(10), .encounter_3:nth-child(11){
	background-color:RGB(140,140,140);
}


.battlefield_item{
	border-radius:1rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	background-color:red;
	color:white;
	font-weight:bold;
	display:inline;
}

.battlefield_heat{
	padding-left:0.5rem;
	padding-right:0.5rem;
	background-color:green;
	color:black;
	display:inline;
}

.mappic img{
	transition: 0.3s linear all;
	max-width:300px;
	max-height:300px;
}

.mappic img:hover{
	opacity:0.5;
}