html, body {
	margin: 0;
	background: radial-gradient( circle at 20% 50%, #5f0f07, #4a0801 );
	height: 100%;
	overflow: hidden;
}

body {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 20px 0 40px;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div {
	font: 82px 'Titan One', cursive;
	color: transparent;
	text-shadow:
		2px 2px 0 rgba( 74, 8, 1, .3 ),
		0 0 0 rgba( 255, 255, 255, .3 ),
		4px 4px 2px rgba( 74, 8, 1, .3 );
	padding: 30px;
	width: 60%;
	position: relative;
	z-index: 12;
	width: calc( 100% - 660px );

}

img {
	position: relative;
	width: 600px;
	z-index: 10;
	max-height: 90%;
}

@media screen and ( max-width: 700px ) {
	
	div { display: none; }
	
}

@media screen and ( max-width: 1200px ) {
	
	div { font-size: 62px; }
	
}