index.css

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

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: black;
	display: flex;
	height: 100vh !important;
	justify-content: center;
	align-items: center;
	z-index: -1;
}
#parent {
	background: transparent;
	display: flex;
	color: white;
	border: 1px solid white;
	justify-content: center;
	border-radius: 15px;
	box-shadow: 0 0 15px white;
	box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.774);
	font-size: 5rem;
	padding: 10px;
	z-index: 2;
}

#parent span {
	text-shadow: 0 0 15px rgba(255, 255, 255, 0.815);
}

.colon {
	margin: 0px 4px;
	transform: translateY(-4px);
}

#heading{
  color: white;
  text-align: center;
  font-family: 'Fuzzy Bubbles', cursive;
  font-size: 4.6rem;
	text-shadow: 0 0 15px rgba(255, 255, 255, 0.815);
}

@media only screen and (max-width:400px){
  #parent{
    font-size: 3rem;
  }
  #heading{
    font-size: 3rem;
  }
}