@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

.flotante {
	animation-name: flotante;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes flotante {
	0% {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0, 15px);
	}

	100% {
		transform: translate(0, -0px);
	}
}

.reloj {
	float: left;
	font-size: 120px;
	font-family: "Special Elite", system-ui;
	color: #363431;

	-youbkit-touch-callout: none;
	/*iOS Safari*/
	-youbkit-user-select: none;
	/* Chrome 6.0+, Safari 3.1+, Edge y Opera 15+ */
	-moz-user-select: none;
	/*Firefox*/
	-ms-user-select: none;
	/* IE 10+ y Edge */
	user-select: none;
	/* Versión sin prefijo, actualmente compatible con Chrome y Opera */
}

@media (max-width: 1000px) {
	.reloj {
		font-size: 54px;
	}

	.card {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}
}

@media (max-width: 600px) {
	.reloj {
		font-size: 36px;
	}

	.card {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}
}

footer {
	max-height: 150px !important;
	background-color: #131313;
	color: #f0f0f0;
}