CardIcon {
	position: absolute;
	width: 100%;
	height: 100%;
	//background-color: #aa0000;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 20px;

	.icon {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		//background-color: #aa0000;
	}

	.hp_container {
		position: absolute;
		bottom: 24px;
		width: 100%;
		height: 20%;
		//background-color: blue;
		justify-content: center;
		align-items: center;
	}

	.hp_icon {
		font-size: 80px;
		font-family: W10Emoji;
		text-shadow: -8px 8px 2px #000000ee;
	}

	.lock {
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		//background-color: #aa0000;
	}

	.lock_label {
		position: absolute;
		width: 100%;
		height: 100%;
		left: -1%;
		bottom: -14%;
		font-size: 130px;
		font-family: "National Park";
		color: white;
		text-stroke: 36px #000000ff;
		//background-color: #aa0000;
		justify-content: center;
		align-items: center;
	}
}