/* Blur effect can reduce performance if enabled */

:root
{
  --opacity-start: 0;
  --anim-speed: opacity 175ms linear;
  --blur-amount: 0;
}

.type_newline {
	display: block;
	height: 1em;
}

.typereveal b, .type_bold, #si_anim {
	color: #122027;
	font-weight: 700;
	line-height: 130%;
}

.typereveal h2, .type_heading {
	color: #000;
	font-size: 34px;
	line-height: 1.2em;
	font-weight: 700;
	text-align: left;
}

.typereveal h2
{
	display: block;
}

.typereveal, .type_normal {
	color: #7a7f82;
	font-weight: 570 !important;
	line-height: 130%;
}

.tr_pre {
  opacity: var(--opacity-start);
  /*filter: var(--blur-amount);*/
}

.tr_done {
	opacity: 1;
	transition: var(--anim-speed);
	/*filter: blur(0);*/
}
