@font-face {
	font-family: 'xyz';
	src: url("masonchronicles.ttf")format('truetype');
}

.block {
	padding: 0;
	margin: 0;
	background-color: #0b1826;
	font-family: 'xyz', serif;
	font-weight: bold;
	letter-spacing: 6px;
}

.golden1 {
	position: absolute;
	transform: translate3d(-50%,-50%,-50%);
	top: -1.15em;
	left: calc(50.3vw - 500px);
	font-size: calc(99px + (50 - 42) * ((525vw - 350px) / (1920 - 350)));
	text-shadow: -3px -3px 0 black, 0 0 25px #f6e27a, 0 0 5px #cb9b51;
	
	background-image: linear-gradient(
		to right,
		#462523 0,
		#cb9b51 18%,
		#f6e27a 27%,
		#f6f2c0 31%,
		#f6e27a 38%,
		#cb9b51 49%,
		#462523 63%,
		#462523 68%,
		#cb9b51 77%,
		#f6e27a 81%,
		#f6f2c0 84%,
		#f6e27a 87%,
		#cb9b51 90%,
		#462523 100%
		);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.golden2 {
	position: absolute;
	transform: translate3d(-50%,-50%,-50%);
	top: -1.15em;
	left: calc(50.3vw - 500px);
	font-size: calc(99px + (50 - 42) * ((525vw - 350px) / (1920 - 350)));
	background-image: linear-gradient(
		to right,
		#462523 0,
		#cb9b51 18%,
		#f6e27a 27%,
		#f6f2c0 31%,
		#f6e27a 38%,
		#cb9b51 49%,
		#462523 63%,
		#462523 68%,
		#cb9b51 77%,
		#f6e27a 81%,
		#f6f2c0 84%,
		#f6e27a 87%,
		#cb9b51 90%,
		#462523 100%
		);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.golden3 {
	position: absolute;
	transform: translate3d(-50%,-50%,-50%);
	bottom: -0.75em;
	left: 0.2em;
	font-size: calc(50px + (50 - 42) * ((250vw - 350px) / (1920 - 350)));
	text-shadow: -3px -3px 0 black, 0 0 25px #f6e27a, 0 0 5px #cb9b51;
	
	background-image: linear-gradient(
		to right,
		#462523 0,
		#cb9b51 13%,
		#f6e27a 21%,
		#f6f2c0 24%,
		#f6e27a 31%,
		#cb9b51 35%,
		#462523 49%,
		#462523 56%,
		#cb9b51 60%,
		#f6e27a 70%,
		#f6f2c0 74%,
		#f6e27a 82%,
		#cb9b51 88%,
		#462523 100%
		);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.golden4 {
	position: absolute;
	transform: translate3d(-50%,-50%,-50%);
	bottom: -0.75em;
	left: 0.2em;
	font-size: calc(50px + (50 - 42) * ((250vw - 350px) / (1920 - 350)));
	background-image: linear-gradient(
		to right,
		#462523 0,
		#cb9b51 13%,
		#f6e27a 21%,
		#f6f2c0 24%,
		#f6e27a 31%,
		#cb9b51 35%,
		#462523 49%,
		#462523 56%,
		#cb9b51 60%,
		#f6e27a 70%,
		#f6f2c0 74%,
		#f6e27a 82%,
		#cb9b51 88%,
		#462523 100%
		);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}