@font-face {
  font-family: "CandyCanePersonalUseRegular";
  src:  url("/fonts/CandyCanePersonalUseRegular.woff") format("woff");
}

@font-face {
	font-family: "OldStandard-Bold";
	src: url("/fonts/OldStandard-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "OpenSans-Light";
	src: url("/fonts/OpenSans-Light.woff2") format("woff2");
}

.custom_card {
	transition: all 0.2s ease;
	cursor: pointer;
	z-index: 0;
}

.custom_card:hover {
	transform: scale(1.25);
	z-index: 1;
}

.card_footer_gradient {
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 25%);
}

#shops_loader {
	background-image: url("/images/spinner.png");
	width: 64px;
	height: 64px;
	display: block;
}

#the_end {
	height: 1px;
	padding-left: 100px;
	padding-right: 100px;
	background-color: var(--secondary);
}

.card_text {
	font-family: OpenSans-Light;
	font-size: 12pt;
}

#logo_text {
	position: absolute;
	z-index: 1;
	font-family: OldStandard-Bold;
	font-size: 25pt;
}

#logo_image {
	width: 50px;
	height: 50px;
	margin-left: 75px;
	z-index: 0;
	background-color: var(--secondary);
	-webkit-mask-image: url("/images/rat.svg");
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;

	mask-image: url("/images/rat.svg");
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}