html,
body {
width: 100%;
height: 100%;
margin: 0;
background-color: #fff;
}
#confetti {
position: fixed;
top:0;
left: 0;
z-index: 1;
}
#container {
position: fixed;
top: 0;
width: 100%;
height: 100%;
}
#container p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 1vw;
font-family: 'Kanit', sans-serif;
font-size: 16vw;
}
p.nope {
color: #888888;
}
p.yep {
background-image: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}