:root {
	--def_gray: #3B3B3B;
	--primary: #FDCC94;
	--gradient-rgb: 54, 114, 149;	/*should match 367295*/
	--highlight: #FDE7C6;
	--dark_highlight: #162E3B;
}

@font-face {
	font-family: FutureLight;
	src: url("../fonts/FutureLight.ttf");
}

#background_image {
    background-size: 100% 100%;
	z-index: -1;
	position: fixed;
	width: 100%;
	min-height: 100%;
}

body {
	background-color: var(--def_gray);
	margin: 0;
}

@keyframes blink {
	0% {
		background-color: var(--dark_highlight);
	}
	33% {
		background-color: var(--highlight);
	}
	66% {
		background-color: var(--highlight);
	}
	100% {
		background-color: var(--dark_highlight);
	}
}

#arrow {
	top: 35%;
	z-index: 1;
	position: relative;
	display: flex;
	margin: 0 auto;
	width: 20vh;
	height: 15vh;
	clip-path: polygon(16% 37%, 49% 51%, 84% 37%, 49% 70%);
	animation: blink 1.3s;
	animation-iteration-count: infinite;
}