@import url("./bootstrap5.css");

:root {
	--bs-primary-rgb: 134, 101, 75;
	--bs-secondary-rgb: 209, 200, 193;
	--bs-tertiary-rgb: 240, 193, 69;

	--bs-primary: rgb(var(--bs-primary-rgb));
	--bs-secondary: rgb(var(--bs-secondary-rgb));
	--bs-tertiary: rgb(var(--bs-tertiary-rgb));
	--bs-white: white;
	--bs-black: black;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	--bs-body-bg: var(--bs-secondary);
}

/* SM */
@media (min-width: 576px) {
	.w-sm-auto { width: auto !important; }
	.w-sm-100 { width: 100% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-25 { width: 25% !important; }

	.h-sm-auto { height: auto !important; }
	.h-sm-100 { height: 100% !important; }
	.h-sm-75 { height: 75% !important; }
	.h-sm-50 { height: 50% !important; }
	.h-sm-25 { height: 25% !important; }
}

/* MD */
@media (min-width: 768px) {
	.w-md-auto { width: auto !important; }
	.w-md-100 { width: 100% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-25 { width: 25% !important; }

	.h-md-auto { height: auto !important; }
	.h-md-100 { height: 100% !important; }
	.h-md-75 { height: 75% !important; }
	.h-md-50 { height: 50% !important; }
	.h-md-25 { height: 25% !important; }
}

/* LG */
@media (min-width: 992px) {
	.w-lg-auto { width: auto !important; }
	.w-lg-100 { width: 100% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-25 { width: 25% !important; }

	.h-lg-auto { height: auto !important; }
	.h-lg-100 { height: 100% !important; }
	.h-lg-75 { height: 75% !important; }
	.h-lg-50 { height: 50% !important; }
	.h-lg-25 { height: 25% !important; }
}

/* XL */
@media (min-width: 1200px) {
	.w-xl-auto { width: auto !important; }
	.w-xl-100 { width: 100% !important; }
	.w-xl-75 { width: 75% !important; }
	.w-xl-50 { width: 50% !important; }
	.w-xl-25 { width: 25% !important; }

	.h-xl-auto { height: auto !important; }
	.h-xl-100 { height: 100% !important; }
	.h-xl-75 { height: 75% !important; }
	.h-xl-50 { height: 50% !important; }
	.h-xl-25 { height: 25% !important; }
}

/* XXL */
@media (min-width: 1400px) {
	.w-xxl-auto { width: auto !important; }
	.w-xxl-100 { width: 100% !important; }
	.w-xxl-75 { width: 75% !important; }
	.w-xxl-50 { width: 50% !important; }
	.w-xxl-25 { width: 25% !important; }

	.h-xxl-auto { height: auto !important; }
	.h-xxl-100 { height: 100% !important; }
	.h-xxl-75 { height: 75% !important; }
	.h-xxl-50 { height: 50% !important; }
	.h-xxl-25 { height: 25% !important; }
}