@font-face {
	font-family: 'uberFont';
	src: url('fonts/UberMove-Regular.eot');
	src: url('fonts/UberMove-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/UberMove-Regular.woff2') format('woff2'),
		url('fonts/UberMove-Regular.woff') format('woff'),
		url('fonts/UberMove-Regular.ttf') format('truetype'),
		url('fonts/UberMove-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'uberFontBold';
	src: url('fonts/UberMove-Bold.woff2') format('woff2'),
		url('fonts/UberMove-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #32B561;
	font-family: 'uberFont', sans-serif;
	font-size: 18px;
	color: #000000;
}

.title-text {
	font-size: clamp(0.8rem, 3vw, 4rem);
	font-weight: bold;
	letter-spacing: 5px;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	/* height: 40%; */
	flex-direction: column;
	    margin-top: 10vh;
}

.uber-logo-image {
	width: 20%;
	height: auto;
}

.countdown-text {
	display:flex;
justify-content: center;
gap:20px;
	color:#000000;
	text-align: center;
	font-family: 'uberFontBold';
}

.heading-logo {
	max-height:19vh;
}

.main-body {
	display:flex;
	flex-direction: column;
	height: 100vh;
	text-align:center;
	/* justify-content:center; */
	gap:3.5vh;
}

.bulk-text {
	display: flex;
	flex-direction: column;
}

.time-text {
font-size:0.5em;
}