/* Explanation in JS tab */

/* Cool font from Google Fonts! */
@import url('https://fonts.googleapis.com/css?family=Raleway:900&display=swap');

body {
	margin: 0px;
}

#container {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: var(--morph-opacity, 1);
	filter: url(#threshold) blur(var(--morph-blur, 0.6px));
}

/* Your average text styling */
#text1, #text2 {
	position: absolute;
	width: 100%;
	display: inline-block;
	
	font-family: 'Raleway', sans-serif;
	font-size: clamp(28px, 8vw, 80px);
	
	text-align: center;
	
	user-select: none;
}

#filters {
	position: absolute;
	width: 0;
	height: 0;
}