@font-face {
	font-family: 'Darleston';
	src: url('../assets/fonts/Darleston/Darleston.eot');
	src: url('../assets/fonts/Darleston/Darleston.eot?#iefix') format('embedded-opentype'),
				url('../assets/fonts/Darleston/Darleston.woff2') format('woff2'),
				url('../assets/fonts/Darleston/Darleston.woff') format('woff'),
				url('../assets/fonts/Darleston/Darleston.ttf')  format('truetype');
}

/* 
***************************************************************************************
** VARIABLES
***************************************************************************************
*/
:root {
	--font-weight: 100;
}


/* 
***************************************************************************************
** ELEMENTS
***************************************************************************************
*/
html, body {
	font-family: 'Mulish', sans-serif;
	margin: 0;
	padding: 0;
	font-weight: var(--font-weight);
}

p {
	font-family: 'Mulish', sans-serif;
	font-weight: var(--font-weight);
}

/* 
***************************************************************************************
** LOADER
***************************************************************************************
*/
.loader {
	display: flex;
  	align-items: center;
  	justify-content: center;

	position: fixed;
	background-color: rgb(241, 241, 241, .5);
	border: 1px solid gray;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gold-text {
	background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #e9ad35 78%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gold-bg {
	background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
}
.gold-bg:hover {
	background:linear-gradient(to right, #c2a874, #FCF6BA, #b19556, #FBF5B7, #ac833b);
}