a {
	text-decoration: none;
	color: rgb(120, 180, 255);
}

.card {
	background-color: rgba(255, 255, 255, 1) !important;
}



.striped-background {
	background-size: 32px 32px;
	background-image: linear-gradient(
		-45deg,
		#171722 25%,
		#222228 25%,
		#222228 50%,
		#171722 50%,
		#171722 75%,
		#222228 75%,
		#222228 100%
	);
}

.dotted-background {
	background-image: radial-gradient(#f3f3f3 8.5px, transparent 8.5px), radial-gradient(#f3f3f3 8.5px, transparent 8.5px);
	background-size: 24px 24px;
	background-position: 0 0, 12px 12px;
	background-color: #ffffff;
}

.dotted-background-dark {
	background-image: radial-gradient(#121216 8.5px, transparent 8.5px), radial-gradient(#121216 8.5px, transparent 8.5px);
	background-size: 24px 24px;
	background-position: 0 0, 12px 12px;
	background-color: #171722;
}

.vignette-dark {
	background: radial-gradient(rgba(45, 45, 51, 0), rgba(45, 45, 51, 1));
}

.vignette-light {
	background: radial-gradient(
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 60%,
		rgba(233, 233, 233, 1) 100%
	) !important;
}



/* squiggly lines color mixing */

.squiggly {
	background-color: #121216;
	mask-mode: alpha;
	/*background-blend-mode: multiply;*/
}

/* map images */

.hover-image {
	transition: 0.2s;
}

.hover-image:hover {
	transform: scale(1.03);
}

.hover-image ul li {
	pointer-events: auto;
}

.hover-image ul {
	z-index: 10;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;

	background-image: linear-gradient(
		0deg,
		rgb(0 0 0 / 60%) 0%,
		rgb(0 0 0 / 40%) 70%,
		rgb(0 0 0 / 0%) 100%
	);
}

.hover-image:hover ul {
	visibility: visible;
	opacity: 1;
}






/* hovering 3d assets */

.container-3d {
	transition: 0.2s;
}

.container-3d:hover {
	transform: scale(1.03);
}


.container-3d ul {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
}

.container-3d:hover ul {
	visibility: visible;
	opacity: 1;
}




/* web-navigation links */

.index-link {
	transition: 0.2s;
	cursor: pointer;
	/*color: rgb(255, 235, 170);*/
}

.index-link:hover {
	transform: scale(1.1);
}
    




.tinted-line {
	color: #888888;
	height: 6px;
}







/* custom font */

@font-face {
	font-family: "customFont";
	src: url("../fonts/FunnelSans-ExtraBold.ttf") format("truetype");
	font-weight: 800;
}
@font-face {
	font-family: "customFont";
	src: url("../fonts/FunnelSans-Bold.ttf") format("truetype");
	font-weight: 600;
}
@font-face {
	font-family: "customFont";
	src: url("../fonts/FunnelSans-Light.ttf") format("truetype");
	font-weight: 100;
}
@font-face {
	font-family: "customFont";
	src: url("../fonts/FunnelSans-Medium.ttf") format("truetype");
	font-weight: 200;
}
@font-face {
	font-family: "customFont";
	src: url("../fonts/FunnelSans-Regular.ttf") format("truetype");
	font-weight: 400;
}


body {
	font-family: "customFont", serif !important;
	font-weight: 400;
}
body p {
	font-family: "customFont", serif !important;
	font-weight: 400;
}
body h1 {
	font-family: "customFont", serif !important;
	font-weight: 600;
}
body h2 {
	font-family: "customFont", serif !important;
	font-weight: 600;
}
body h3 {
	font-family: "customFont", serif !important;
	font-weight: 600;
}
body h4 {
	font-family: "customFont", serif !important;
	font-weight: 600;
}
body h5 {
	font-family: "customFont", serif !important;
	font-weight: 600;
}