body {
	background-color: #f5f5f5;
	background-image: url(./Grid.PNG);
	background-repeat: repeat;
	background-size: 25%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

* {
	padding: 0;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}

a {
	-webkit-touch-callout: none !important;
	user-select: none !important;
	-webkit-user-select: none !important;
	pointer-events: auto;
}

.T {

	background-color: dodgerblue;
	text-align: center;
	border-radius: 50px;
	margin-bottom: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	border: none;
	color: #ffffff;
	margin: 0 auto;
}

.countdown-container {
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	height: 320px;
	width: 320px;
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	margin-bottom: 25PX;
}

.title {
	height: 90px;
	width: 320px;
	color: #fff;
	background-color: dodgerblue;
	font-size: 30px;
	border: none
}

.time-display {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 30px 0;
}

.days-display {
	font-size: 150px;
	font-family: 'Courier New', Courier, monospace
}

.target-date {
	color: #777;
}

.fh {
	display: flex;
	justify-content: center;
}

.fh-button {
	width: 100vw;
	border-radius: 50px;
	color: #fff;
	background-color: dodgerblue;
	border: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	transition: all 0.8s ease;
}

.fh-button:active {
	width: 140px
}