@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%; }
100% { background-position: 218px 200px;  }
}

@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: #FF9F00;
  --accent: #ff4b4b;
}

.short {
  animation: spin 0.5s linear infinite !important;
}

#container {
  margin-right: 0;
  margin-left: auto;
  max-width: 1067px;
}

form {
  opacity: 60%;
}

.box.comments {
  position: fixed;
  top: 15%;
  left: 2%;
}

.player.box {
  position: fixed;
  top: 4%;
  right: 3%;
  width: 15%;
  height: 5%;
  overflow: scroll;
}

.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://illegible.neocities.org/gifs/johnlennon.gif"); /*https://illegible.neocities.org/imgur%202/Sunset,%20Tempe,%20Arizona.jpg  https://illegible.neocities.org/imgur%202/city_pano.jpg 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: cyan;
  color: var(--text);
  font-family: "MS PGothic", courier, monospace; /* "MS PGothic", courier, monospace; */
  /* height: 100vh; */
 animation: SCROLL 1s infinite linear;
}

## 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;
  width: 50%;
}



.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://illegible.neocities.org/imgur 2/plok.png)
 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://illegible.neocities.org/imgur 2/christmas.gif");
  right: -102px;
}


a {
  color: white
}

span#hUp::before {
  animation: blinkingTextYellow 0.3s infinite;
  content: "we just lost the game";
  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, sweet! hip hip hooray! yum! tasty! scrummy! delicious! yellow! citrus! planet earth! presents you:";
    font-size: 20px;
    text-shadow: 4px 4px black;
    font-weight: bold;
    margin: 9px;
}
b {
    text-shadow: 2px 2px black;
}

.blog {
  background-color: #222;
  padding: 15px;
  border: solid 2px #515151;
}
.tableRight {
  background: linear-gradient(90deg, #000a, #0000);
}
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;
}