/* https://myspace.f46n.org/res/discord/attachments/1010161711975768105/1171798908645679134/3dgifmaker13214.gif */
body {
  background-image: url("https://i.postimg.cc/KcwpPSNd/DOMINOBACKGROUND.gif");
  background-attachment: fixed;
  color: #80FF00;
  text-shadow: 1px 1px 2px #8000FF, 3px 1px 1px red, 2px 4px 1px blue;
  font-family: 'Courier New', monospace;
  font-size: 22px;
  font-weight: bold;
  cursor: url("https://i.postimg.cc/Qdr6zQvm/guncursor.gif"), auto;
  animation: panAnimation 3s linear infinite;
}
.blog {
    background: #000000!important;
    border: 7px #80FF00 ridge;
}
#container {
    background-color: rgba(0, 0, 0, 0.75);
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    border: 10px ridge #F00;
    padding: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
}

@keyframes seizure{
   0% {
      background-color: red;
      color: red;
      transform: translate(1px, 1px) rotate(0deg);
     }
   10% {
      background-color: magenta;
      color: magenta;
      transform: translate(-1px, -2px) rotate(-1deg);
     }
   20% {
      background-color: orange;
      color: orange;
      transform: translate(-3px, 0px) rotate(1deg);;
     }
   30% {
      background-color: purple;
      color: purple;
      transform: translate(3px, 2px) rotate(0deg);
     }
   40% {
      background-color: yellow;
      color: yellow;
      transform: translate(1px, -1px) rotate(1deg); 
     }
   50% {
      background-color: blue;
      color: blue;
      transform: translate(-1px, 2px) rotate(-1deg); 
     }
   60% {
      background-color: green;
      color: green;
      transform: translate(-3px, 1px) rotate(0deg); 
     }
   70% {
      background-color: black;
      color: black;
      transform: translate(3px, 1px) rotate(-1deg); 
     }
   80% {
      background-color: pink;
      color: pink;
      transform: translate(-1px, -1px) rotate(1deg); 
     }
   90% {
      background-color: white;
      color: white;
      transform: translate(1px, 2px) rotate(0deg); 
     }
   100% {
      background-color: lime;
      color: lime;
      transform: translate(1px, -2px) rotate(-1deg);
     }
}
* {
  animation: seizure 0.1s !important;
  animation-iteration-count: 30 !important;
}
#header {
    text-align: center !important;
    background-image: url("https://web.archive.org/web/20090727103048/http://www.geocities.com/clear_sky_dolphin/Background.gif");
    animation: none !important; /* Disable animation for #header */
}
@keyframes panAnimation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 128px 0;
  }
}

a:hover {
    cursor: url("https://i.postimg.cc/Qdr6zQvm/guncursor.gif"), auto !important;
}

@keyframes floating {
    0% { transform: translateX(0%); }
    25% { transform: translateY(0.5px); }
    50% { transform: translateX(0.05%); }
    75% { transform: translateY(-0.5px); }
    100% { transform: translateX(0%); }
}


@keyframes die {
    0%, 100% { transform: translateX(0%); }
    50% { transform: translateY(0px); }
}


body,
table,
.extended,
.fwiendFace,
.rightHead,
.boxInfo,
.player,
#form,
tr,
.tableLeft,
.tableRight,
#hUp,
#hSub,
#header,
.shortRight,
img,
div {
    animation: floating 0.1s infinite linear !important;
}

body:hover,
table:hover,
.extended:hover,
.fwiendFace:hover,
.rightHead:hover,
.boxInfo:hover,
#form:hover,
tr:hover,
.tableLeft:hover,
.tableRight:hover,
.player:hover,
#header:hover,
#hUp:hover,
#hSub:hover,
.shortRight:hover,
img:hover,
div:hover {
    animation: die 0s infinite ease-in-out;
}

#header,
#hup,
#hSub {
    text-align: center !important;
}

a,
a:visited,
.boxButton {
    color: blue !important;
    text-shadow: 0 0 4px pink, 0 0 5px pink;
}

table,
.extended,
.fwiendFace,
.boxInfo,
.player,
#form,
tr,
.tableLeft,
.tableRight {
    border: ridge 5px #8000FF !important;
    background-image: url("https://i.postimg.cc/xd6tqW8p/imgoingtorapeyou.gif");
}

h4,
#viewFriends {
    display: none !important;
    visibility: hidden !important;
}

#header {
    text-align: center !important;
    background-image: url("https://web.archive.org/web/20090727103048/http://www.geocities.com/clear_sky_dolphin/Background.gif");
}

.logo b span {
    display: none;
}

.logo b:before {
    content: "GET YOUR IDIOT ASS OUT OF HERE";
    font-size: 15px;
    text-shadow: 0px 0px 0px;
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 0.1s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%, 100% { background-position: 0 0; }
    50% { background-position: 100% 0; }
}

#hSub {
    background-image: url("https://i.postimg.cc/MZ4SLL6S/dominofractal.gif") !important;
}

.rightHead b {
    color: transparent !important;
}


div.rightHead:hover::before {
    opacity: 0; 
}
div.rightHead {
    background-color: transparent !important;
    height: 100px;
    text-shadow: 0px 0px 0px transparent !important;
    background-image: url("https://i.postimg.cc/GpLXLcLs/DOMINO.gif");
}


div.topLeft:after {
    content: "";
    display: block;
    margin-left: 80px;
    height: 250px;
    width: 300px;
    background-image: url("https://i.postimg.cc/W3cdv46M/image0.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

div.topLeft:after:after {
    content: "";
    display: block;
    margin-top: 100%;
    height: auto;
    width: 100%;
    background-image: url("https://2.bp.blogspot.com/-4aztu-VgQ78/UdVLdK2P8UI/AAAAAAAAAJs/_cDb4kiPkm8/s159/blood_dripping.gif");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}


.boxHead {
    background-image: url("https://web.archive.org/web/20090727103048/http://www.geocities.com/clear_sky_dolphin/Background.gif");
}

div.topLeft .boxHead span.uName {
    display: none;
}

div.topLeft .boxHead b {
    color: transparent;
    text-shadow: 0px 0px 0px transparent;
    height: 1px;
    width: 1px;
}

div.topLeft .boxHead b:before {
    display: inline;
    content: "PLACEHOLDER TEXT";
    font-size: 20px;
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 0.1s ease-in-out infinite;
    background-size: 400% 100%;
}


div.box.comments {
    margin-left: -400px;
    margin-top: 120px;
}

div.box.comments .boxHead span.uName {
    display: none;
}

div.box.comments .boxHead b {
    color: transparent;
    text-shadow: 0px 0px 0px transparent;
    height: 1px;
    width: 1px;
}

div.box.comments .boxHead b:before {
    display: inline;
    content: "COMMENT HERE!!!!!!!!!";
    font-size: 20px;
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 0.1s ease-in-out infinite;
    background-size: 400% 100%;
}


div.topLeft .uName {
    font-size: 0; 
    width: 355px;
    height: 75px; 
    text-align: center;
    color: transparent;
    background: black; 
    border: 8px groove #800000;
    overflow: hidden; 
    position: relative; 
}

div.topLeft .uName::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://i.postimg.cc/zXftYDfb/LORDNAME.gif');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; 
}


@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/* Animated Background Image for Top Left Box */
.topLeft:before {
    display: inline-flex !important;
    content: ".";
    position: relative;
    left: 0px;
    top: 50px;
    height: 72px;
    width: 577px;
    color: transparent;
    background-image: url("https://64.media.tumblr.com/af8d991edcbc31a0685918c795f80ca9/ad8079147071589d-72/s1280x1920/f0a11d0c313630a8c31569993430b644c3c0a1fe.gif");
}

#about table:after {
    display: inline-flex !important;
    content: ".";
    position: absolute;
    left: 100px;
    top: 500px;
    height: 72px;
    width: 100px;
    color: transparent;
    background-image: url();
}

.fwiendCount:after {
    color: #8000FF;
    content: " ZILLION";
}

.left-margin,
.right-margin {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100px;
    background-color: black;
    z-index: 9999;
}

.fwiendFace:hover img {
    animation: rotate-squash-stretch 0.5s linear infinite !important;
}

@keyframes rotate-squash-stretch {
    0% {
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    20% {
        transform: rotate(90deg) scaleX(0.1) scaleY(1.5);
    }
    40% {
        transform: rotate(180deg) scaleX(1.5) scaleY(0.1);
    }
    60% {
        transform: rotate(270deg) scaleX(0.1) scaleY(1.5);
    }
    80% {
        transform: rotate(360deg) scaleX(1) scaleY(1);
    }
    100% {
        transform: rotate(450deg) scaleX(1) scaleY(1);
    }
}
#age {
    position: relative;
    overflow: hidden;
}
#age:before {
    font-size: 15px !important;
    content: "";
}
#age:after {
    content: "282828282828282828282828282828282828282828282828282828282828282828282828282828282828";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 20px;
    white-space: nowrap;
    color: transparent;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.extended h3 {
  font-size: 0px !important;
}

.extended {
  padding: 16px !important;
  background-position: center !important; 
  background-image: url("https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExZ3htZHh0OTk4eThzeHhvNjh4ajE3ZDV6YWJncmZlemgxbjk4YTJwdyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/wdfxqCQVGHDlC/giphy.gif") !important;
}

.extended h3:after {
  content: " IS KILLING YOU." !important;
  font-size: 28px !important;
}

.extended h3 span,
.extended h3 #editLink {
  font-size: 28px !important;
}