@import url("cover-spin.css");
@import url("flash.css");

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');

:root {
	--primary-color: #8B6239;
	--secondary-color: #F5BF21;
	--primary-color-subtle: #C6B198;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Tilt Warp', sans-serif; }

:not(.btn-check)+.btn:active {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.btn:focus-visible {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	outline: 0;
	box-shadow: var(--primary-color-subtle);
}
.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.btn-primary:hover {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

#page-home .card-title {
	text-align: center;
}
#page-home .card-img-top {
	transition: all 0.2s ease-in;
}
#page-home .card:hover .card-img-top {
	transform: scale(1.03);
}