@import url("fonts.css");
@import url("bootstrap.css");
@import url("panzoom.css");

.ff-secondary {
	font-family: "Termina", sans-serif !important;
}

.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.dvh-100 {
	height: 100dvh;
}

.h-full {
	height: calc(100dvh - 200px);
}

.z-index-n {
	z-index: -1 !important;
}

.z-index-1 {
	z-index: 1 !important;
}

.z-index-100 {
	z-index: 100 !important;
}

.z-index-1000 {
	z-index: 1000 !important;
}

.img-white {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.img-black {
	-webkit-filter: brightness(0);
	filter: brightness(0);
}

.ls-208 {
	letter-spacing: 2.08px;
}

.ls-240 {
	letter-spacing: 2.40px;
}

.ls-356 {
	letter-spacing: 3.56px;
}

.ratio-3x4 {
	--bs-aspect-ratio: 125%;
}

.ratio-9x16 {
	--bs-aspect-ratio: 154.75%;
}

.w-80 {
	width: 80%;
}