NotificationUI
{
	position: absolute;
	top: 2rem;
	left: 0;
	right: 0;
	z-index: 10;
	align-items: flex-end;
	justify-content: center;
	font-weight: bold;
	border-radius: 20px;
	font-family: "Baloo 2";

	.notify-box {
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;

		.notification {
			font-weight: 500;
			border-radius: 8px;
			font-size: 18px;
			color: white;
			padding: 6px 14px;
			background-color: gray;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
			backdrop-filter-blur: 18px;
		}

		.error {
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
			backdrop-filter-blur: 18px;
			background-color: rgb(205, 92, 92, 0.33);
			border: 1px solid indianred;
		}

		.warning {
			background-color: rgba(220, 131, 44, 0.33);
			border: 1px solid #dfa935;
		}

		.info {
			background-color: rgba(92, 128, 205, 0.33);
			border: 1px solid cornflowerblue;
		}
	}
}