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; } #pilink { position: fixed; bottom: 1vw; right: 1vw; font-family: 'Times New Roman', serif; font-size: 1.2vw; } #pilink a { text-decoration: none; color: #6e7f80; } #pilink a:hover { color: #FF0000; } 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; }