/* Counter */
.counter-container {
	position: fixed;
	height: 10rem;
	width: 10rem;
	bottom: 0;
	right: 0;
	text-align: center;
	opacity: 0.9;
	z-index: 10;
}

@keyframes bouncer {
	0% {transform: scale(1, 1);}
	2% {transform: scale(1.1);}
	4% {transform: scale(1, 1);}
	100% {transform: scale(1, 1);}
}

.circle {
	position: relative;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.counter {
	position: relative;
	bottom: 5px;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: block;
	font-size: 1.125rem;
	border-radius: 20%;
	color: var(--red);
	font-family: inherit;
	font-weight: bold;
}

.lara {
	position: relative;
	margin: auto;
	max-width: 80%;
}

.lara:hover {
	cursor: pointer;
	max-width: 80%;
}

.img-lara {
	max-width: 80%;
	border-radius: 50%;
}

@media screen and (max-height: 500px) {
	.counter-container {
		top:0
	}
}