*
	{
		margin: 0;
		padding: 0;
		font-family: Arial;
    	font-weight: normal;
	}

	html, body {
		padding: 0;
		width: 100%;
		height: 100%;
	}

	canvas
	{
		width: 100%;
		height: 100%;
	}

	.pan
	{
		display: none;
		width: 370px;
		height: 290px;
		border: 1px solid #B3AC86;
		position: fixed;
		top: calc(50% - 145px);
		left: calc(50% - 185px);
		z-index: 100;
		background: linear-gradient(0deg, rgba(216,215,209,1) 1%, rgba(245,242,221,1) 4%, rgba(245,242,221,1) 85%, rgba(251,249,242,1) 100%);
		border-radius: 15px;
		box-shadow: 0 0 5px 0px #5a5151;
	}

	.pan .save-msg
	{
		margin-top: calc(40% - 20px);
		padding: 0 10px;
		text-align: center;
		font-size: 20px;
		color: #594304;
		font-family: arial;
		font-weight: bold;
	}

	.pan .save-count
	{
		padding: 0 5px;
		color: black;
		text-align: center;
		font-size: 20px;
		font-family: arial;
		font-weight: bold;
	}