@import url('https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap');

@KEYFRAMES doot {
 from { transform: rotateX(453deg) rotateY(729579deg) rotateZ(7deg); filter: hue-rotate(80deg) sepia(30%); }
 to { transform: rotateX(897deg) rotateY(4deg) rotateZ(7deg); filter: hue-rotate(270deg) sepia(10%); }
}

@keyframes floaty { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 50px); }
    100%   { transform: translate(0px, 0px); }     
}

@keyframes SCROLL {
0% { background-position: 0% 0%; }
50% { background-position: 24.4% 24.4%;  }
100% { background-position: 0% 0%; }
}

@keyframes bgScroll {
0% { background-position: 0px 0px; }
100% { background-position: 1008px 1668px; }
}

@keyframes fade {
 0% { /* rotate: 0deg; }
 100% { rotate: 360deg; */}
}

@keyframes spin {
0% { height: 0%; width: 200%; transform: rotate(-359deg); size: 0.001%;}
100% { height: 100%; width: 100%; transform: rotate(0deg); size: 100%;}
}

:root {
  --text: #84ADDD;
  --accent: #3877BF;
}

.tableLeft a[href$='?id=986'] img {
animation: doot 0.1s linear infinite;
}

.svmsg {
background: url("https://media.tenor.com/Q69ITzEJ9b8AAAAj/toilet-spin.gif");
    background-size: auto;
  background-size: 8%;
}
img, table, a, content, .player, .url, #rufflePlayer {
  /* filter: grayscale(1) !important; */
}

audio {
  filter: contrast(1) invert(1) hue-rotate(200deg);}

player::before {
 hue-rotate(200deg); }
/* SEPIA TIME!!!!! 
##img, .player::before, .url::after, span#hUp::before, a[href$="?id=97"]::before, .boxInfo, #rufflePlayer, .logo::after {
  ##filter: grayscale(1)
##}

span#hUp::before, .boxInfo,  .logo::after {
  filter: sepia(1)
}

img, .url::after, #online {
  filter: sepia(60%) !important
}

 THE END OF SEPIA TIME */
#container, .short {
  background-color: #020202b0;
  border-right: double var(--text) 3px;
  border-left: double var(--text) 3px;
  border-bottom: double var(--text) 3px;
  border-top: double var(--text) 3px;
}

.short, .extended.box, .boxInfo, .url, .player, .blogs, #rufflePlayer, .avatar {
    animation-name: fade;
  animation-duration: 0.55s;
  animation-iteration-count: 4;
  animation-timing-function: cubic-bezier(.19,1,.22,1);
}

img, .avatar{ 
  animation-name: fade;
  animation-duration: 0.55s;
  animation-iteration-count: 8;
  animation-timing-function: cubic-bezier(.19,1,.22,1);
}


body { 
  background-image: url("https://i.imgur.com/wg8exHM.jpeg"); /* https://illegible.neocities.org/images/Hawaii_1.jpg https://i.imgur.com/ntN8J32.jpeg https://i.imgur.com/yz7um2P.png https://i.imgur.com/SI07uc3.jpeg https://i.imgur.com/HBH6FLV.jpeg https://i.imgur.com/tDqQnc1.jpeg https://i.imgur.com/PxzmEec.png https://i.imgur.com/cr1APqN.jpeg https://i.imgur.com/IRIVmgB.jpeg https://i.imgur.com/y8A7Xlf.jpeg https://i.imgur.com/IUFbhUe.jpeg ## https://i.imgur.com/Qpvkh2e.jpeg ## https://i.imgur.com/5BxRQTQ.jpeg ##https://i.imgur.com/QezgCG5.jpeg ##https://i.imgur.com/qzHBydp.png ##https://i.imgur.com/1LtWBe2.jpeg ##https://i.imgur.com/5HJxraX.png ## https://i.imgur.com/lVeSsqU.jpeg 
  background-size: cover; */
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: #071334;
  color: var(--text);
  font-family: "MS PGothic", courier, monospace;
  height: 100vh;
 animation: SCROLL 16s infinite ease-in-out;
}

## overlay
## body::before {
    ## content: " ";
    ## display: block;
    ## position: fixed;
    ## top: 0;
    ## left: 0;
    ## bottom: 0;
    ## right: 0;
    ## background: #00003355;
    ## z-index: 2;
    ## background-size: 100% 2px, 3px 100%;
    ## pointer-events: none;
## }


## body::after {
    ## content: " ";
    ## display: block;
    ## position: fixed;
    ## top: 0;
    ## left: 0;
    ## bottom: 0;
    ## right: 0;
    ## background: rgba(18, 16, 16, 0.1);
    ## opacity: 0;
    ## z-index: 2;
    ## pointer-events: none;
    ## animation: flicker 0.15s infinite;
## }

#userWall {
  max-height: 607px;
  overflow-y: auto;
}



.url::test {
  content: url(https://imgpile.com/images/93EYXu.gif);
  right: 0px;
  position: absolute;
  bottom: 0px;
}
.url.box {
  font-size: 0px;
  color: transparent !important;
}

.url::after {
  content: url(https://cyber.dabamos.de/88x31/gotsquid.gif) url(https://cyber.dabamos.de/88x31/freewallpaper.gif) url(https://cyber.dabamos.de/88x31/ie1984.gif) url(https://cyber.dabamos.de/88x31/surfsilly.gif) url(https://cyber.dabamos.de/88x31/vivazwei.gif) url(https://cyber.dabamos.de/88x31/robert_de_niro.gif) url(https://cyber.dabamos.de/88x31/tucowsbutton.gif) url(https://i.imgur.com/d3aMAgF.gif) url(https://cyber.dabamos.de/88x31/superultrarare.gif) url(https://cyber.dabamos.de/88x31/madewithamiga.gif) url(https://cyber.dabamos.de/88x31/madewithamiga2.gif) url(https://cyber.dabamos.de/88x31/made_on_amiga.gif);
}

url::afterr {
  content: url(https://media.tenor.com/3IErM1JbQwoAAAAi/mr-peppino-tv-hud-knight-pizza-tower-gif.gif);
  position: fixed;
  right: 0;
  top: 0;
}

/* .short {
  background-image: url(https://i.imgur.com/9GoogVS.png);
  background-repeat: no-repeat;
  text-shadow: 2px 2px black;
} */



.blurbs {
  animation-name: floaty;
  animation-duration: 3s;  
  animation-iteration-count: infinite;     
  animation-timing-function: ease-in-out;
}

h2#name {
  font-size: 40px;
  font-family: 'Bruno Ace SC', cursive;
  color: var(--accent);
  text-shadow: 0 0 10px var(--accent);
}

.rightHead {
  color: #fff;
  background: linear-gradient(90deg,#0006, #0000);
  /* border: solid 1px #222; */
}

.logo {
    font-size: 0px;
}

.logo::after {
    font-size: 14px;
    content: "Admin";
    color: cyan;
}

#country::before {
  font-size: 15px;
  content: "Zanzibar Island, 5PM";
}

#country {
  font-size: 0;
  user-select: none;
}


.url {
  border: solid 2px #222;
  color: #FFF
}

.player::before {
  content: "";
  bottom: 0px;
  display: block;
  position: relative;
  height: 225px;
  max-width: 180px;
  background-position: 10 0;
  background-position-x: 0px;
  background-position-y: 0px;
  background-size: 100% 100%;
  background-image: url(https://i.imgur.com/m4PXobb.png);
  right: -102px;
}


a {
  color: white
}

span#hUp::before {
  animation: blinkingTextYellow 0.3s infinite;
  content: "i am not insane i amd not insane i am not insane i amd not insanei am not insane i amd not insane i am not insane i amd not insane i";
  font-size: small;
}

.fwiendCounter>b::before {
content: "Googleplex has ";
font-size: 15px;
}

.fwiendCounter>b {
font-size: 0px;
}

.fwiendCount {
color: var(--accent);
font-size: 15px;
}

.fwiendCounter>b>.uName {
font-size: 0px;
color: #fff;
}

.fwiendCounter>b::after {
content: " friends.";
font-size: 15px;
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-6/nat598.cur), auto !important;} /* End https://www.cursors-4u.com */

/* visited link */
a:visited {
  color: #FFF;
}

.extended.box::before {
    content: "if life gives you lemons, run away to cuba, sell most of them, use the money to start a new plumbing company, wait 5 years, spend all your money on watermelons, leave a melon outside each house in your town, occupy their minds forever to become immortal, go to the gods, use your leftover lemon by squeezing the juice in their eyes, get sent to hell, squeeze more juice in the devil's eyes, become the owner of hell, make a housing estate in hell and use the money from it to buy more watermelons";
    font-size: 20px;
    text-shadow: 4px 4px black;
    font-weight: bold;
}
b {
    text-shadow: 2px 2px black;
}

.blog {
  background-color: #222;
  padding: 15px;
  border: solid 2px #515151;
}
.tableRight {
  background: #0002;
}
h4 {
  color: var(--accent);
  text-shadow: 4px 4px black;
}

.boxHead {
  background: #0002;
  color: white;
  padding: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
  padding-bottom: 4px;
  padding-left: 6px;
}
#header {
  all: unset;
  font-family: Arial;
  font-size: 15px;
  background: linear-gradient(#000f,#000d);
  color: #fff;
  position: fixed;
  width: calc( 100% - 15px );
  height: 22px;
  padding: 5px;
    padding-top: 5px;
    padding-left: 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 {
  font-family: Arial;
  font-size: 15px;
  background: linear-gradient(#222d,#222a);
  font-size: small;
  margin: 0px;
  padding: 5px;
    padding-top: 5px;
    padding-left: 5px;
  padding-top: 5px;
  padding-left: 5px;
  padding-left: 10px;
  padding-top: 4px;
  position: fixed;
  left: 0;
  top: 34px;
  width: calc(100% - 15px );
  height: 15px;
  z-index: 300;
}

.tableLeft {
  background: #0002;
}
blockquote {
  color: var(--accent);
  text-shadow: 4px 4px black;
}