* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	background: #091921;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}
body:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: linear-gradient(#e91e63,#ffc107);
	clip-path: circle(12% at 30% 20%);
}
body:after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: linear-gradient(#ffffff,#da00ff);
	clip-path: circle(19% at 70% 95%);
}
.border {
	height: 500px; width: 500px;
	position: absolute;
	background: rgba(255,255,255,.05);
	border-radius: 12px;
	z-index: 10;
	backdrop-filter: blur(15px);
	border-top: 1px solid rgba(255,255,255,.2);
	border-left: 1px solid rgba(255,255,255,.2);
	box-shadow: 5px 5px 30px rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center;
}
.time {
	z-index: 15;
}

.time h1 {
	font-family: "Comic Sans MS";
	letter-spacing: 15px;
	color: white;
	font-size: 80px;
	font-weight: 600;
	visibility: visible;
}
.scramble {
	position: absolute;
	bottom: 10px
}

h2 {
	font-family: "Comic Sans MS";
	color: white;
	font-size: 25px;
	font-weight: 450;
	letter-spacing: -1px;
}

.stats {
	position: absolute;
	max-width: 250px;
}

.stats h3 {
	font-family: "Comic Sans MS";
	color: white;
	font-size: 20px;
	font-weight: 450;
	visibility: hidden;
}