.card__description--marked {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: justify;
}

.monster_description {
	padding: var(--spacing);
	background-color: var(--foreground-color);

	h1, h2, h3, h4, h5, h6, table {
		/* margin-top: 1rem; */
	}

	h1 {
		font-size: 1.5rem;
		color: #000000cc;
		font-weight: bolder;
	}

	h2 {
		font-size: 1.25rem;
		color: #000000cc;
		font-weight: bolder;
	}

	h3 {
		text-decoration: underline;
		color: #000000cc;
		font-size: 1.1rem;
		font-weight: bold;
	}

	h4 {
		font-size: 1rem;
		color: #000000aa;
		font-weight: bold;
	}

	h5 {
		font-size: 1rem;
		color: #00000099;
		font-weight: normal;
	}

	h6 {
		font-size: 1rem;
		color: #00000088;
		font-weight: normal;
	}

	table {
		border: 1px solid var(--foreground-color);
		width: 100%;

		th {
			background-color: var(--background-color);
			color: var(--foreground-color);
		}

		td {
			background-color: var(--background-offset-color);
			width: max-content;
			padding: var(--spacing);
		}
	}

	p {
		margin-top: var(--spacing);
		margin-bottom: var(--spacing);
	}

	[hidden]{
		display: none;
	}
}

.action--description{
	display: flex;
    flex-direction: column;
    gap: var(--spacing);
    padding: var(--spacing);
}