Oh, hello. Welcome to the stylesheet.

Oops, I'm still working on this page. I swear it'll look cool and actually explain things soon

Look at my website.


Here's the CSS output that would usually come from here (view the raw css)

@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;700&display=swap'); /* Set sizes for the full-screen elements */ html{ overflow:hidden; } html,html::before,html::after{ width:100vw; height:100vh; padding:0; margin:0; position:fixed; left:0; top:0; color:#efefef; font-family: 'Teko', sans-serif; text-align:center; } html::before,html::after{ z-index:-1; } html,html::after,html::before,head::after,head::before{ display:block; content:''; } body,body::before,body::after{ position:relative; display:inline-block; text-align:left; } /* The main background with the gifs */ html::before{ background-size:cover; background-position:center; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; animation: sads 60s infinite; } /* Background overlay to break things up and help hide how low quality the gifs are */ html::after{ background-image:url("bg.png"); background-repeat:repeat; background-size:200px; white-space: pre-wrap; font-size:18px; text-align:right; display:flex; flex-direction:row; align-items:flex-end; justify-content:flex-end; line-height:20px; font-weight:bold; text-shadow:2px 2px 5px rgba(0,0,0,1); content:"Another 'one-line' website ( zero on Firefox ㋛ ) \a View the source to learn more! \a"; } /* This is used to 'preload' all the images. I may try the link header to preload instead. */ html{ animation:sads 1s; position:absolute; } head{ display:block; } /* Main title */ head::before{ white-space: pre-wrap; content:"☹ Darn, he's not pooping ☹"; font-size:6.5vw; font-weight:999; text-align:center; margin-top:100px; text-shadow:2px 2px 15px rgba(0,0,0,1); } /* Subtext */ head::after{ white-space: pre-wrap; content:"Check back soon and maybe you'll catch him!"; font-size:3.75vw; line-height:1.2em; text-shadow:2px 2px 15px rgba(0,0,0,1); } /* Stats! */ body::before{ white-space: pre-wrap; position:relative; content:' STATISTICS'; font-size:3vw; line-height:1em; display:block; margin-top:25px; text-shadow:2px 2px 15px rgba(0,0,0,0.9); z-index:5; } body{ position:fixed; bottom:25px; left:25px; } body::after{ white-space: pre-wrap; content:'Total Successful Poops: 128\a Time Spent Pooping: 545911\a\a In the time Spencer\'s spent pooping:\a 16,500 babies have been born around the world'; font-size:26px; background-color:rgba(0,0,0,0.6); padding:20px; margin-top:-20px; min-width:400px; animation: stats 60s infinite; border-radius:5px; } /* Background animations */ @keyframes happies{ 0%,100% {background-image: url("./happies/newsguy.gif");} 15% {background-image: url("./happies/porotes.gif");} 30% {background-image: url("./happies/pooparty.gif");} 45% {background-image: url("./happies/cheering.gif");} 60% {background-image: url("./happies/poofetti.gif");} 75% {background-image: url("./happies/liquid-doodies.gif");} 80% {background-image: url("./happies/newsguy.gif");} } @keyframes sads{ 0%,100% {background-image: url("./nodoods/sad.gif");} 20% {background-image: url("./nodoods/walker.gif");} 40% {background-image: url("./nodoods/rainy.gif");} 60% {background-image: url("./nodoods/waifu.gif");} 80% {background-image: url("./nodoods/waah.gif");} } /* Happy rainbow effects */ @keyframes seizure { from {color: rgb(255, 50, 50);} 16.6% {color: rgb(255, 50, 255);} 33.3% {color: rgb(50, 50, 255);} 50% {color: rgb(50, 255, 255);} 66.6% {color: rgb(50, 255, 50);} 83.3% {color: rgb(255, 255, 50);} to {color: rgb(255, 50, 50);} } /* Animate the background; did it this way because the gif didn't have transparency, and we need to see the text over this */ @keyframes bg{ 0%,100% {background-image: url("./gif/1.png");} 11% {background-image: url("./gif/2.png");} 22% {background-image: url("./gif/3.png");} 33% {background-image: url("./gif/4.png");} 44% {background-image: url("./gif/5.png");} 55% {background-image: url("./gif/6.png");} 66% {background-image: url("./gif/7.png");} 77% {background-image: url("./gif/8.png");} 88% {background-image: url("./gif/9.png");} 99% {background-image: url("./gif/1.png");} } /* Generated stat animation; counts up when pooping and switches stats every 4-ish seconds */ @keyframes stats{ 0%,100% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 1.6666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 3.3333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 5% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 6.6666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 8.3333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 10% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 11.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 13.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 15% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 16.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 18.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 20% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Apple has gained 641,099,668 dollars';} 21.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Apple has gained 641,099,668 dollars';} 23.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Apple has gained 641,099,668 dollars';} 25% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Apple has gained 641,099,668 dollars';} 26.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Apple has gained 641,099,668 dollars';} 28.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Apple has gained 641,099,668 dollars';} 30% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 31.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 33.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 35% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 36.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 38.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a Spencer\'s blood has circulated 27,294 times';} 40% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 102,980,262 packages were delivered by UPS';} 41.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 102,980,262 packages were delivered by UPS';} 43.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 102,980,262 packages were delivered by UPS';} 45% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 102,980,262 packages were delivered by UPS';} 46.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 102,980,262 packages were delivered by UPS';} 48.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 102,980,262 packages were delivered by UPS';} 50% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 51.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 53.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 55% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 56.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 58.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 60% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 61.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 63.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 65% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 66.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 68.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 70% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a The world has consumed 104,627,000,000 pounds of food';} 71.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a The world has consumed 104,627,000,000 pounds of food';} 73.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a The world has consumed 104,627,000,000 pounds of food';} 75% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a The world has consumed 104,627,000,000 pounds of food';} 76.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a The world has consumed 104,627,000,000 pounds of food';} 78.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a The world has consumed 104,627,000,000 pounds of food';} 80% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 81.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 83.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 85% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 86.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 88.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 3,184,300,000 tweets have been sent on Twitter';} 90% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 91.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 93.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 95% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 96.666666666667% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} 98.333333333333% {content:'Total Successful Poops: 129\a Time Spent Pooping: 07:38:31\a\a In the time Spencer\'s spent pooping:\a 18,196 cars have been stolen :c';} } /* Counts up when pooping for subheader */ @keyframes counter{ }