body {
	background: #0b1320;
}
footer {
	background: rgba(19, 33, 51, 1);
}

#connectMain {
  display: none;
}

#shop_container {
	margin-top: 80px;
	height: 700px;
	width: 92%;
	margin-left: 4%;
	/* background-color: red; */
	color: white;
}


#marketBtns {
	display: flex;
	flex-direction: column;
	/* flex-wrap: wrap; */
	justify-content: center;
	align-items: center;
	width: 100%;
}


.shop {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.marketDiv {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	overflow: scroll;
}

.marketDiv h1 {
	position: absolute;
	top: 1%;
	left: 0;
	margin: auto;
	width: 100%;
}

#bannersBtn {
	background: linear-gradient(
		76deg,
		rgba(198, 31, 66, 1) 25%,
		rgba(172, 31, 198, 1) 75%
	);
	border: #c61f42 3px solid;
	transition: box-shadow 0.25s ease;
}

#bannersBtn:hover {
	box-shadow: 0 0 10px rgba(141, 141, 141, 0.5);
	transition: box-shadow 0.25s ease;
}

#skelliesBtn {
	border: white 3px solid;
	background: rgb(191, 191, 191);
	background: linear-gradient(
		180deg,
		rgba(191, 191, 191, 1) 0%,
		rgba(47, 47, 47, 1) 100%
	);
	background-image: url(../../SkellySlots/skelliesBackground.png);
	background-position: center;
	background-size: cover;
}

#skelliesBtn:hover {
	box-shadow: 0 0 10px rgba(141, 141, 141, 0.5);
	transition: box-shadow 0.25s ease;
}

#blueBanner {
	background: linear-gradient(
		90deg,
		rgba(42, 78, 177, 1) 25%,
		rgba(37, 148, 232, 1) 75%
	);
	border: rgb(42, 78, 177) 3px solid;
}

#greenBanner {
	background: linear-gradient(
		90deg,
		rgba(64, 177, 42, 1) 25%,
		rgba(162, 232, 37, 1) 75%
	);
	border: rgb(64, 177, 42) 3px solid;
}

#yellowBanner {
	background: linear-gradient(
		90deg,
		rgba(222, 162, 26, 1) 25%,
		rgba(232, 206, 37, 1) 75%
	);
	border: rgb(222, 162, 26) 3px solid;
}

#redBanner {
	background: linear-gradient(
		90deg,
		rgba(222, 52, 26, 1) 25%,
		rgba(232, 89, 37, 1) 75%
	);
	border: rgb(222, 52, 26) 3px solid;
}

#purpleBanner {
	background: linear-gradient(
		90deg,
		rgba(105, 26, 222, 1) 25%,
		rgba(161, 37, 232, 1) 75%
	);
	border: rgb(105, 26, 222) 3px solid;
}

.bannerItem {
	margin-bottom: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.buyItem {
	background-color: #f1800f;
	border-top-left-radius: 0%;
	border-top-right-radius: 0%;
}

.buyItem:hover {
	background-color: #ff8000;
}