/* Explanation in JS tab */

/* Cool font from Google Fonts! */
@import url('https://fonts.googleapis.com/css?family=Raleway:900&display=swap');
@font-face {
	font-family: 'Quenda-Medium';
	src: url('font/Quenda-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


#logobox {
	/* Center the text in the viewport. */
	position: absolute;
	margin-top: 0px;
	width: 150px;
	height: 80pt;
	
	left: 1%;
	
	/* This filter is a lot of the magic, try commenting it out to see how the morphing works! */
	filter: url(#threshold) blur(0.6px);
}

/* Your average text styling */
#text1, #text2 {
	position: absolute;
	width: 100%;
    margin: 10px;

	display: flex;
	color: var(--text-color);
	font-family: "Quenda-Medium",'Raleway', sans-serif;
	font-size: 20pt;
    z-index: 35;
	font-weight: bold;

	
    text-align: left;

	
	user-select: none;
}