@font-face {
  font-family: Charcoal;
  src: url(https://file.garden/Z6x-0c5xHS17z_H6/Charcoal-CvmyBuDW.woff2);
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Geneva;
  src: url(https://file.garden/Z6x-0c5xHS17z_H6/Geneva.ttf);
  font-display: swap;
  font-weight:400;
  font-style: normal;
}

@font-face {
  font-family: LucidaGrande;
  src: url(https://file.garden/Z6x-0c5xHS17z_H6/LucidaGrande-BqCIfNO3.woff2);
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

* {
    cursor: url(https://files.catbox.moe/sjzicy.png), auto;
}
a:hover {
  animation: party 4s infinite linear;  
}
@keyframes party {
  0%   {color: #ff0000;}
  10%  {color: #ff9900;}
  20%  {color: #ccff00;}
  30%  {color: #33ff00:}
  40% {color: #00ff66;}
  50% {color: #00ffff;}
  60% {color: #0066ff;}
  70%  {color: #3300ff;}
  80%  {color: #cc00ff;}
  90%  {color: #ff0099:}
  100% {color: #ff0000;}
}
a:link {
  color: white;
}
a:visited {
  color:white;
}

body {
    background: url(https://files.catbox.moe/8za8og.gif);
    image-rendering: pixelated;
    color: white;
    text-shadow: 2px 2px 10px black;
    background-attachment: fixed;
    background-size: cover;
  font-weight: normal;
  animation: scroll 5s infinite linear;
  background-size: 1024px;
  scrollbar-width: thin;
  scrollbar-color: white black;
  font-family: Arial, Geneva;
}
@keyframes scroll {
        from { background-position: 258px 258px; }
        to   { background-position: 0px 0px; }
}
@keyframes scroll {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 1024px 1024px;
  }
}
#hSub {
  border-bottom: 1px dotted white;
  background: #ffffff17;
  font-family: Arial, Geneva;
}
h4 {
  color: white;
  margin-bottom: 0px;
}
#header {
  border-bottom: 1px dotted white;
  background: #ffffff17;
  font-family: Arial, Geneva;
}
.avatar {
  animation: spin 10s infinite linear;
  border-radius: 50%;
}
@keyframes spin {
   0% {
      transform-origin: center center;
      transform: rotate(0deg);
   }
   100% {
      transform-origin: center center;
      transform: rotate(360deg);
   }
} 
@keyframes wiggle{
   0% {
      transform-origin: center center;
      transform: rotate(-7deg);
   }
   50% {
      transform-origin: center center;
      transform: rotate(7deg);
   } 
   100% {
      transform-origin: center center;
      transform: rotate(-7deg);
   }
} 
::before {
content: ""
}
#siteName::after{
content:" time!"
}
#siteName::before{
content:"It's "
}
.blog {
  background: transparent;
}
.short {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px 16px;
  margin-top: -19px;
}
h2#name.uName {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.topRight {
  padding-top:14px;
  float: left;
}
.topLeft {
  float: right;
}
.boxHead {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.boxInfo .boxHead {
  border: 0;
  border-bottom: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.infotable th {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.infotable td {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.rightHead {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
  color: white;
}
.tableLeft {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.tableRight {
  border: 1px dotted white;
  background: #00000017;
  padding: 5px;
}
.blog.profile .usermain {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
.player {
    border: 1px dotted white;
    background: #ffffff17;
    padding: 4px;
    color: white;
    margin-top: -5px;
}
.boxInfo {
  border: 1px dotted white;
  background: #ffffff17;
  margin-top: -1px;
  margin-bottom:0px;
}
.extended {
  border: 1px dotted white;
  background: #ffffff17;
  padding: 5px;
}
#container {
  color: white;
  background: #00000017;
  padding-top: 40px;
  backdrop-filter: blur(3px);
  font-weight: normal;
  border: 1px dotted white;
}
.url {
  border: 0;
  font-size: 0;
}
input {
  border: 1px dotted white;
  background: #00000017;
  color: white;
  padding: 2px 15px;
  text-transform: lowercase;
  font-family: Arial, Geneva;
}
input:hover {
  border: 1px dotted white;
  background: #ffffff4d;
  animation: party 4s infinite linear;
}
button {
  border: 1px dotted white;
  background: #00000017;
  color: white;
  padding: 2px 15px;
  text-transform: lowercase;
  font-family: Arial, Geneva;
}
button:hover {
  border: 1px dotted white;
  background: #ffffff4d;
  animation: party 4s infinite linear;
}
#sMsg:hover {
    backdrop-filter: contrast(10.5);
  animation: party 4s infinite linear;
}
#add:hover {
    backdrop-filter: contrast(10.5);
  animation: party 4s infinite linear;
}
#block:hover {
    backdrop-filter: contrast(10.5);
  animation: party 4s infinite linear;
}
#report:hover {
    backdrop-filter: contrast(10.5);
  animation: party 4s infinite linear;
}
#commentInput {
  border: 1px dotted white;
  background: #00000017;
  color: white;
}
.fwiendFace img {
    width: 100%;
    max-height: 300px;
    border-radius:50%;
    object-fit: cover;
}
.tableLeft img {
    width: 129px;
    height: 129px;
    border-radius:50%;
    object-fit: cover;
}
#imgPreview img {
    width: auto;
    height: auto;
    max-height: calc(100% - 10px);
    max-width: 100%;
    position: relative;
    margin: auto;
    left: 50%;
    top: 300px;
    transform: translate(-50%, -50%);
}
#userWall {
    max-height: 600px;
    overflow-y: scroll;
}

.songName img {
    filter: invert(1);
}

a[href$="?id=773"] img:hover {
  content: url(https://file.garden/Z6x-0c5xHS17z_H6/oh5oxj.gif);
}

a[href$="?id=855"] img:hover {
  content: url(https://file.garden/Z6x-0c5xHS17z_H6/GecKx3.png);
}

a[href$="?id=856"] img:hover {
  animation: zspin 4s infinite linear;
  perspective: 100px;
}

a[href$="?id=39"] img:hover {
  animation: 1s linear idk infinite;
}

a[href$="?id=1013"] img:hover {
  content: url(https://file.garden/Z6x-0c5xHS17z_H6/page1dingus.png);
}

a[href$="?id=986"] img:hover {
  content: url(https://file.garden/Z6x-0c5xHS17z_H6/vx0erb.png);
}

a[href$="?id=175"] img:hover {
  content: url(https://file.garden/Z6x-0c5xHS17z_H6/yrm4ck.png);
}

.avatar:hover {
  content: url("https://file.garden/Z6x-0c5xHS17z_H6/shpeen");
  border: 1px solid transparent;
}

a:hover {
  animation: party 4s infinite linear;
}

@keyframes zspin{
  from {
    transform: rotateY(0deg) rotateX(15deg)
  }

  to {
    transform: rotateY(-360deg) rotateX(15deg)
  }
}

@keyframes spin{
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes idk {
 from{transform:rotateX(69) rotateY(9500deg) rotateZ(18450deg)}
 to{transform:rotateX(63deg) rotateY(5415deg) rotateZ(-1020deg)}
}

#footer::after {
  content: url(https://files.catbox.moe/ze0cgh.webp);
  animation: spin 4s linear infinite, steve 6s linear infinite;
  filter: drop-shadow(0px 0px 5px black);
  padding: 50px;
}

@keyframes steve{
  0% {
    content: url(https://files.catbox.moe/ze0cgh.webp)  }

  50% {
    content: url(https://files.catbox.moe/vumzhm.webp)  }

  100% {
    content: url(https://files.catbox.moe/ze0cgh.webp)  }
}