HealthBar {
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;

	.health-bar {
		bottom: 10%;
		position: absolute;
		width: 600px;
		height: 30px;
		background-color: #3e3e3e77;
		border-left: 2px solid #000;
		border-right: 2px solid #000;

		.health-bar-fill {
			position: absolute;
			height: 100%;
			background-color: #00ff90;
			border-left: 2px solid #fff;
			border-right: 2px solid #fff;
		}
	}

	&.dead {
		display: none;
	}
}