div.shop {
	background-image: url("./models/shopBackground.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 500px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
}

.buttons {
}
table.shop {
	table-layout: fixed;
	width: 500px;
	height: 500px;
}
div.shop-button {
	background-color: #A36C14;
	text-align: center;
}
div.shop-button:hover {
	background-color: #BC7C17;	
}

div.openShop {
	background-color: burlywood;
	width: 100px;
	height: 100px;
	position: absolute;
	transform: translate(255%, -253%);
	left: 50%;
	top: 50%;
	text-align: center;
	visibility: hidden;
}

div.openShop:hover {
	background-color: #AC8F69;
}

#closeButton {
	background-color: burlywood;
	width: 100px;
	height: 75px;
	position: relative;
	left: 40%;
	text-align: center;
	vertical-align: middle;
	line-height: 75px; 
}

#closeButton:hover {
	background-color: #AC8F69;
}

div.shop-stats {
	position: absolute;
	top: 10px;
	left: 15px;
}

#FS {
	background-color: purple;
	width: 10px;
	height: 10px;
	position: absolute;
	transform: translate(-2500%, 2400%);
	left: 50%;
	top: 50%;
	visibility: hidden;
}
#SECURE {
	background-color: darkred;
	width: 500px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-1%, -99%);
}
#H2P {
	background-color: black;
	width: 500px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
div.center.container.H2P {
	display: flex;
	justify-content: center;
	align-content: center;
	color: white;
}
div.center.container.H2P.Box2 {
	display: grid;
	justify-content: center;
	align-content: center;
	color: white;
}
#SprtArea{
	background-color: mediumpurple;
	color:white;
	top: 50%;
	display: inline-grid;
	position: relative;
	justify-content: center;
	align-content: center;
	width: 150px;
	height: 150px;
}