body {
  background-color: lightgreen;
  font-family: symbol, wingdings, webdings, ubuntu, comic sans ms;
  transform:rotate(-2deg);
  -ms-transform:rotate(-2deg);
  -webkit-transform:rotate(-2deg);
    background-image: url(https://i.imgflip.com/4nlfc0.gif);

/*if() else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if else if */
}
body {
  #siteTitle 
  font-size: 0px;
}
  #siteTitle:after {
  font-size: 160px;
  background-image: linear-gradient(to left, magenta, violet, indigo, blue, green, yellow, orange, red, magenta);   -webkit-background-clip: text;
  color: transparent;
  content: 
".trolled.lol/?id=20𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫varie_lol𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫𒐫you_scrolled_to_the_end_for_some_reason_lol";
}
  #wish {
  font-size:0px;
}
  #wish:after {
  content: "What are you in for? ";
  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);   
-webkit-background-clip: text;
 color: transparent;
font-size: 69px;
}
body{
  animation: wave 2s infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

.name:before{content:"  varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie varie  ";
}

@keyframes shake {
    0% {
        transform: translate(-10px, 20px) rotate(1deg);
    }
    20% {
        transform: translate(20px, -10px) rotate(-1deg);
    }
    40% {
        transform: translate(10px, -20px) rotate(1deg);
    }
    60% {
        transform: translate(-20px, 10px) rotate(-1deg);
    }
    80% {
        transform: translate(-10px, 20px) rotate(1deg);
    }
}
.container *:hover, .header *:hover {
    animation: shake 0.5s linear infinite;
}


.postpfp, #friends img {
    border-radius: 30%;
}

.username::after, .commentRight a::after{
    content: " (varie fan)";
}

}
div#addfriend.friend.bruhButton.fwiendButton:before {
  content: 'sell your soul';
  visibility: visible;
  position: relative; 
  right: 37px;
}

@keyframes spin3d {
    from {
      transform: rotateX(0deg) rotateY(50deg) rotateZ(180deg);
    }
    to {
      transform: rotateX(720deg) rotateY(770deg) rotateZ(-180deg);
    }
}

.avatar {
  animation: spin3d 0.5s linear infinite;
}

.postpfp {
  animation: spin3d 0.5s linear infinite;
}

@keyframes spin {
    from {
      -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      transform: rotateX(360deg);
    }
    to {
      -moz-transform: rotateX(-360deg);
      -ms-transform: rotateX(-360deg);
      transform: rotateX(-360deg);
    }
}
@keyframes shakeExtreme {
    0% {
        transform: translate(-100px, 200px) rotate(1deg);
    }
    20% {
        transform: translate(200px, -100px) rotate(-1deg);
    }
    40% {
        transform: translate(100px, -200px) rotate(1deg);
    }
    60% {
        transform: translate(-200px, 100px) rotate(-1deg);
    }
    80% {
        transform: translate(-100px, 200px) rotate(1deg);
    }
}
.username {
  animation: flip 2s ease infinite;
} 
.username {
  animation: shakeExtreme 0.6s ease infinite;
} 


@keyframes flip {
  0% {  -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        -o-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);

        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
  }
  50% {  -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        -o-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);

        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
  }
  100% {

        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
  }
}

.container {
    transform: skew(-2deg, -2deg);
}
username.rainbow- {
  background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
  text-align: center;
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  animation: rainbow 8s ease infinite;
}
/*
 ̺̺ͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩͩ
*/
html::before {
    background-image: url(https://i.imgur.com/81FLzna.png);
    background-repeat: no-repeat;
    width: 500px;
    height: 370px;
    position: fixed;
    display: block;
    content: "";
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 1500;
    animation: welcome 4.5s steps(1) none;
    animation-fill-mode: forwards;
}
@keyframes show {
0% {
   visibility: hidden;
}
}
@keyframes welcome {
0% {
   visibility: hidden;
}
64% {
   visibility: visible;
}
100% {
   visibility: hidden;
}
}
@keyframes black {
0% {
   cursor: none;
   background: #000;
}