/*css code for randomly typed Animation*/

/*set up text*/
.home .content h4{
    color:var(--primary-text-color);
    font-size: 3.5rem;
	text-transform: lowercase;
}

.home .content h4 span{
	position: relative;
	color: var(--text-color);
}


/*create the text caret bar*/
.home .content h4 span::before{
	content: "";
	right: -8px;
	top: 50%;
	position: absolute;
	height: 30px;
	width: 2px;
	background: var(--caret-darklight-Theme-color);
	transform: translateY(-45%);
	/*add blinking animation to the text caret bar*/
	animation: blink 0.7s infinite;
}*/

.home .content h4 span.stop-blinking::before{
	animation: none;
}


/*add blinking animation to the text caret bar*/
@keyframes blink{
	50%{
		opacity: 0;
	}
}