/* Explanation in JS tab */

/* Cool font from Google Fonts! */
@import url('css.css');

body {
	margin: 0px;
}

#container {
	/* Center the text in the viewport. */
	position: absolute;
	margin: auto;
	width: 100vw;
	height: 80pt;
	top: 0;
	bottom: 0;
	
	/* This filter is a lot of the magic, try commenting it out to see how the morphing works! */
	filter: url(https://www.17sucai.com/preview/2413762/2021-10-23/%E6%96%87%E5%AD%97%E5%8F%98%E5%BD%A2%E7%89%B9%E6%95%88/%E2%95%AC%E2%94%80%E2%95%AB%E2%95%93%E2%96%92%CE%A3%E2%95%A8%E2%95%AC%E2%95%A0%E2%95%AA%E2%95%A8%C2%BA/text-morph/style.css#threshold) blur(0.6px);
}

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