@keyframes bootAndClippy { from { background:
url(https://media.giphy.com/media/kHMtNxwSLQ5m1BtJqV/giphy.gif) #000;
background-position: center; background-size: contain;
background-repeat: no-repeat; position: fixed; opacity: 1.0; right: 0;
bottom: 0px; top: 0; left: 0; color: #ffffff00; border: none;
box-shadow: none; filter: drop-shadow(8px 9px 15px #00000044);
z-index: 1000; }
to
{ background: url() no-repeat; background-size:150% 100%; position: fixed; opacity: 0.3; right: 0; bottom: 0px; color: #ffffff00; height: 900px; width: 1600px; z-index: 100; animation: shake 2s infinite; border: none; box-shadow: none; filter: drop-shadow(8px 9px 15px #00000044); z-index: 1000; pointer-events:none; } }
#footer { animation: bootAndClippy 4.5s steps(1) none; animation-fill-mode: forwards; color #fc90;}
#report{
font-size: 0px;
background-image:url(https://tse3.mm.bing.net/th?id=OIP.le28XQ05pO3H4VPFVVAuVwHaHa&pid=Api);
background-size: contain;
}
#report:after{
content:"dont u dare.";
font-size: small;
color:red; padding-left: 10px;
background-color: #333399;
}
p {background-color: white;
}
#sMsg{
font-size: 0px;
background-image:url(https://cutekawaiiresources.files.wordpress.com/2013/03/tumblr_inline_nrp5wee0kz1snulow_500.gif?w=124&h=150); /* Custom icon */
background-size: contain;
}
#sMsg:after{
content:"talk to me"; /* Text can be customized */
font-size: small;
color:white; padding-left: 10px;
background-color: #333399;
}
#block{
font-size: 0px;
background-image:url(https://cutekawaiiresources.files.wordpress.com/2013/03/tumblr_inline_nrp5v39s9p1snulow_500.gif?w=150&h=142); /* Custom icon */
background-size: contain;
}
#block:after{
content:"leave"; /* Text can be customized */
font-size: small;
color:white; padding-left: 10px;
background-color: #333399;
}
#add{
font-size: 0px;
background-image:url(https://cutekawaiiresources.files.wordpress.com/2013/03/tumblr_inline_nrp5uupucj1snulow_500.gif?w=132&h=150); /* Custom icon */
background-size: contain;
}
#add:after{
content:"drink the koolaid"; /* Text can be customized */
font-size: small;
color:white; padding-left: 10px;
background-color: #333399;
}
body {
text-align: center;
}
body {
background-image: url(https://www.dictionary.com/e/wp-content/uploads/2018/04/Kool-Aid-Man-300x300.jpg);
color: #333399; background-color: blue;
font-family: Courier, MS Gothic, Trebuchet MS, Arial;
font-size: 110%;
}
textarea { color: #696969; background-color: white;}
*{cursor: url(https://cur.cursors-4u.net/food/foo-2/foo146.cur), auto !important;}
a.logo:before {
content: "dont ask what the secret ingredient is";
color: #FFFFFF;
font-size: 9px;
}
.logo {
font-size: 0px;
}
div#header {
background: #333399;
}
/*changes background behind profile pictures and comments in comment section*/
.tableLeft {
background: #333399;
}
.tableRight {
background: #00000040;
border: #ea3c53;
}
/*changes color of blog posts*/
.box.blog {
background: black;
color: white;
}

/*background of avatar and info next to it. delete margin-top if your avatar is off-center*/
.short {
background: #f8586b;
border: #333399;
}
#avatar.avatar {
margin-top: 25px;
}
/*adds a background and image to your music player*/
.player::before {
content: "";
display: block;
position: relative;
width: calc (50% -20px);
height: 335px;
max-width: 390px;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(https://tse4.mm.bing.net/th?id=OIP.3KFZE5SFHlMhJuPaDL7iGwHaEK&pid=Api);
object-fit: cover;
}
.player.box {
background: #ea3c53;
border: #000000;
}
/*adds an image under your music player*/
.topLeft:after {
content: "";
white-space: pre-wrap;
display: inline-block ;
height: 382px;
width: 400px;
background-image: url(lll) , url(https://tse4.mm.bing.net/th?id=OIP.rQwsYb9XooUuIS4MCSh6BAHaGL&pid=Api);
background-repeat: no-repeat;
border: #333399;
}
/*changes background of friends space*/
.fwiendCount{
color: #FFFFFF
}
.box.fwiends {
background: #ea3c53;
border: #FFFFFF;
}
/*changes the color of links*/
a:link {
color: #580009;
}
a:visited {
color: #A60011;
}
a:hover {
color: #000000;
}
a:active {
color: 580009;
}
/*changes color of blog posts*/
.box.blog {
background: white;
color: #ea3c53;
}
/*animation on top of page*/
.url {
background: url(https://media.tenor.com/images/ee42bffef1d3c9dd5f7ffd9ed2d41728/tenor.gif) no-repeat;
position: fixed;
right: 20px;
bottom: 150px;
color: #ffffff00;
background-size: 300px;
height: 500px;
width: 300px;
border: none;
box-shadow: none;
filter: drop-shadow(8px 9px 15px #00000044);
z-index: 1000;
font-size: 0px;
opacity: 1;
}
/*changes the country info to a different text*/
#country {
font-size: 0px;
}
#country::after {
content: "Mix up all kinds of fun with Kool-Aid!";
font-size: 12px;
}
/*changes the age info to a different text*/
#age {
font-size: 0px;
}
#age::after {
content: "46(?)";
font-size: 17px;
}
/*changes the gender info to a different text*/
#gender {
font-size: 0px;
}
#gender::after {
content: "Part-Man Part-Juice";
font-size: 14px;
}
.rightHead {
background: white;
color: #333399;
padding-left: 4px;
}
.box.blurbs {
background: white;
}
.extended {
border: 1px solid #000;
color: white;
background: #333399;
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
}
/*changes the icon that indicates when you\'re online (is not always visible, if you don\'t see it idk relog or something)
you can go to myspacegens.com to choose your own icon*/
div#online {
content: url(https://image.flaticon.com/icons/png/128/2458/2458233.png);
display: block;
width: 50%;
margin-right: 30px;
}
span#hUp::before {
animation: blinkingTextRed 9s;
animation-play-state: paused 3s;
content: "DONT LEAVE US";
color: #333399;
font-size: small;
font-family: system-ui;
background: #333399;
}
.box.comments::after{
content: "Why are you down here? Did you want to see me? I spend a lot of time down here. It gets lonely, but it\'s quiet. Are you being nosey? We hate pesky customers. You\'re just like the rest of them. If you want some Kool-Aid, scroll back up and leave me alone. I like being alone. This is the only place that I can go where the others won\'t find me, so stay quiet. And if you tell Mr. Perkins I\'m down here, we\'ll both be in big trouble."; font-size: 12px; margin-top: 15px;
background: #ffffff;
}
/*If you figure out delay controls, use this to show up after loading page*/
#footer::after{
font-family: "Playfair Display", serif;
color:white;
content:"";
font-size:20px;
font-weight:700;
text-shadow: 2px 2px 4px #000;
}
/*static effect*/
body::after {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: calc(500% + 32px);
height: calc(500% + 32px);
background-image: url("https://thumbs.gfycat.com/SardonicHeavenlyGlassfrog-small.gif");
background-position: 0 0;
background-repeat: repeat;
z-index: 10000000;
animation: NONE;
pointer-events: none;
opacity: 0.2;
}</style>
<style>
#header{all: unset;font-family: Arial;font-size: 15px;background: #003399;color: #fff;position: fixed;width: calc( 100% - 15px );height: 22px;padding: 5px;left: 0px;top: 0px;margin-bottom: 40px;border-bottom: 1px solid black;padding-left: 10px;padding-top: 6px;overflow: hidden;z-index: 300;}
#hSub { all: unset; font-family: Arial;font-size: 15px;background: #6699cc;font-size: small;margin: 0px;padding: 5px; padding-top: 5px; padding-left: 5px;padding-left: 10px;padding-top: 4px;position: fixed;left: 0;top: 34px;width: calc(100% - 15px );color: #000;height: 15px;z-index: 300;}
@media only screen and (max-width:768px){#header{height:51px}#hSub{top:63px}#hUp{float:left;left:0;font-size:small;position:fixed;top:35px}.sep{display:none}.topLeft{margin-top:30px}}