/* CSS Document */


.estore {
	font-size: 15px;
	text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
	width: 100px;
	text-align: center;
	color: #fff;
	background-color: #BF0F35;
}

.estore:hover {
	color: #BF0F35;
	background-color: #fff;
}

.box1 a{
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	font-size: 18px;
    line-height: 1.15;
	text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
	width: 100px;
    margin: 5% auto;
	text-align: center;
	float: left;
	color: #fff;
	background-color: #BF0F35;
	text-decoration-line: underline!important;
	border-radius: 5px;
	animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground{
		0%		{ background-color: #10c018;}
		25%		{ background-color: #1056c0;}
		50%		{ background-color: #ef0a1a;}
		75%		{ background-color: #254878;}
		100%	{ background-color: #04a1d5;}
	}

.box1 a:hover {
	color: #BF0F35!important;
	background-color: #fff;
	animation: none;
}


.box2 a{
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	font-size: 18px;
	text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
	width: 100px;
    margin: 5% auto;
	text-align: center;
	float: right;
	color: #fff;
	background-color: #BF0F35;
	text-decoration-line: underline!important;
	border-radius: 5px;
	animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground{
		0%		{ background-color: #10c018;}
		25%		{ background-color: #1056c0;}
		50%		{ background-color: #ef0a1a;}
		75%		{ background-color: #254878;}
		100%	        { background-color: #04a1d5;}
	}

.box2 a:hover {
	color: #BF0F35!important;
	background-color: #fff;
	animation: none;
}

.color-changing-text {
    animation: blinkingBackground 2s infinite !important; /* 3s duration, infinite loop, alternates direction */
    color: #fff;
}