TimerPanel {
	position: absolute;
	//color: rgba(232, 255, 244, 0.8);
	width: 100%;
	height: 5%;
	top: 5px;
	align-items: center;
	justify-content: center;
	font-family: 'Cal Sans';
	z-index: 996;

	.container {
		position: relative;
		top: 0px;
		gap: 0px;
		//bottom:50px;
		height: 100%;
		width: 30%;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		//background-color: red;

		.time {
			font-size: 28px;
			text-align: center;
			text-shadow: 2px 2px 2px black;
		}

		.difficulty {
			//color: #ffffff66;
			font-size: 18px;
			text-shadow: 1px 1px 0px black;
		}
	}
	//.bar {
	//	position: relative;
	//	background-color: rgba(0, 0, 0, 0.5);
	//	width: 120px;
	//	height: 6px;
	//	margin-top: 6px;
	//	transition: opacity 0.5s linear;
	//	pointer-events: all;
	//	.fill {
	//		position: absolute;
	//		background-color: rgba(239, 239, 239, 0.4);
	//		height: 6px;
	//	}
	//}
}