@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");

:root {
	--blue: #23aaff;
	--purple: #4562f2;
	--pink: #7a45f8;
	--coral: #bb0bf6;
	--orange: #fc2953;
	--yellow: #ffc743;
	--bg: #000000;
}

html,
body {
	box-sizing: border-box;
	min-height: 100vh;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	background-color: var(--bg);
  overflow: hidden;
}

h1 {
	font-family: "Fredoka One", cursive;
	letter-spacing: 2px;
	font-size: 8rem;
	background-image: linear-gradient(
		45deg,
		var(--blue) 3%,
		var(--purple) 20%,
		var(--pink) 36%,
		var(--coral) 52%,
		var(--orange) 69%,
		var(--yellow) 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	background-size: 100%;
}