.combat-event-widget{
	display: flex;
	flex-direction: column;
	align-items: center;
	
	border: 4px solid black;
	border-radius: 20px;
	
	width: 90%;

	padding: 10px;
	margin: 10px;
	height: 10%;
	margin: 5px;
	padding: 5px;
	color: white;
	font-weight: bold;
}

.imaginarium{
	background: rgb(112,77,37);
	background: linear-gradient(150deg, rgba(112,77,37,1) 0%, rgba(140,100,53,1) 17%, rgba(140,100,53,1) 33%, rgba(124,32,126,1) 60%, rgba(167,121,69,1) 82%, rgba(112,77,37,1) 100%); 
}

.abyss{
	background: rgb(37,37,112);
	background: linear-gradient(150deg, rgba(37,37,112,1) 0%, rgba(124,171,203,1) 25%, rgba(16,10,79,1) 44%, rgba(16,10,79,1) 55%, rgba(124,171,203,1) 82%, rgba(37,37,112,1) 99%); 
}

.MoC{
	background: #382643;
	background: linear-gradient(150deg, #382643 0%, #1c1130 25%, #1c1130 44%, #382643 55%, #382643 82%, #1c1130 99%); 
}

.PureFiction{
	background: #575f6d;
	background: linear-gradient(150deg, #182749 0%, #575f6d 25%, #575f6d 44%, #182749 55%, #182749 82%, #575f6d 99%);
}

.ApocalypticShadow{
	background: #d2af8f;
	background: linear-gradient(150deg, #601864 0%, #d2af8f 25%, #d2af8f 44%, #601864 55%, #601864 82%, #d2af8f 99%);
}

.ShiyuDDefense{
	background: #aa3520;
	background: linear-gradient(150deg, #b49326 0%, #aa3520 25%, #aa3520 44%, #aa3520 55%, #aa3520 82%, #b49326 99%);
}

.DeadlyAssault{
	background: #601864;
	background: linear-gradient(150deg, #6d3970 0%, #601864 25%, #410b44 44%, #601864 55%, #6d3970 82%, #6d3970 99%);
}