#timeout {
	position: absolute;
	width: 100%;
	height: 100%;
	
	background: rgb(17,20,51);
	background: radial-gradient(circle, rgba(17,20,51,1) 50%, rgba(9,10,26,1) 100%);

	z-index: 999;
	display: none;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	justify-content: center;
}

#timeout div {
	align-self: center;
	text-align: center;
}

#timeout div h1,
#timeout div p {
	color: white;
	margin: 0;
	padding: 0;
}

#timeout div h1 {
	font-family: 'BoteraTFE';
	font-size: 80px;

	font-variant-ligatures: none;
}

#timeout div p {
	font-family: 'HKGroteskMedium';
	font-size: 22px;
}

#timeout svg#timeOutBaseSVG {
  width: 1500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
}

#timeout svg#timeOutPathSVG {
  width: 1500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
}