@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://myspace.f46n.org/res/discord/attachments/1132681311778250825/1155579226364317747/rickroll.css');
/* thanks aydo for help on CSS */
.logo{
      font-size:0;
}

.svmsg {
background-color: #00000085;
border: 2px solid red;
}
.logo::after{
    content:"NEPENO";
    color: white;
    font-size: 20px;
}
body {
  background: #000;
  font-family: MS PGothic;
  padding-top: 45px;
  font-size: 15px;
  color: red;
  background-color: #000;
  animation: SCROLL 10s linear infinite;
  background: url(https://i.imgur.com/5GZU9Sq.png) 0% / 200px, url(https://i.imgur.com/JH5nICt.png) 0% / 200px;
}

.extended {
  border: 1px solid #f00;
}
.avatar {
  border-style: dashed;
}
h2 {
animation: in 5s ease-in-out forwards infinite;
}
audio {
  filter: none;
  margin-bottom: -4px;
}
#hSub {
  background: #0006;
  color: white;
  font-family: MS PGothic;
}
.url {
  border: solid 2px #f00;
  padding: 2px;
}
.player {
  background: #0000;
  color: #00000091;
  border: 1px solid #f00;
}
.url a {color: white !important;}
.rightHead {
  background: #3e0000;
  color: #fff;
}
.songName {
  font-size: small;
  animation: koalarainbows 0.5s infinite;
}

.fwiendCount {
  color: #fff;
}
.boxHead {
  background: #3e0000;
  color: white;
}
div#online {
    filter: sepia(1) saturate(200);
}
.boxInfo {
  border: 3px solid #f00;
  background: #0000;
}

.blogs div {
}
#commentInput {
  width: calc( 100% - 6px );
  margin-top: 10px;
  height: 100px;
  background: #00000091;
  border-style: outset;
  border-color: red;
  color: red;
  background-image: url(https://i.imgur.com/JtWD8oR.png);
  animation: SCROLL2 12s linear infinite;
}
.tableLeft {
  background: #0000;
  width: 25%;
  padding: 10px;
  vertical-align: top;
  overflow: hidden;
  border-style: double;
}
.tableRight {
  width: 75%;
  background: #0000;
  padding: 10px;
  vertical-align: top;
  overflow-wrap: anywhere;
  border-style: double;
}
.topRight {
background: #00000091;
}
.topLeft {
background: #00000091;
}
a {
  color: white;
}

#sMsg {
  background-repeat: no-repeat;
  background-image: unset;
  color: white;
}
#add {
  background-repeat: no-repeat;
  background-image: unset;
  color: white;
}
#report {
  background-repeat: no-repeat;
  background-image: unset;
  color: white;
}
#block {
  background-repeat: no-repeat;
  background-image: unset;
  color: white;
}
h4 {
  color: #fff;
  margin-bottom: 0px;
}

.fwiendFace img {
  width: 100%;
  max-height: 300px;
  border-style: inset;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
  border-color: darkred;
}
#header {
 font-family: MS PGothic;
 background: #8b000099;
}
.blogs div {
  background: none
}
#top a[href$="?id=218"] b { font-size: 0; }

#top a[href$="?id=218"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "fuck you you fucking cretin i hate you so damn much ";
  color: #FF00FF;
}
#top a[href$="?id=6"] b { font-size: 0; }
#top a[href$="?id=6"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "FuckRadiation";
  color: yellow;
}
#top a[href$="?id=2"] b { font-size: 0; }
#top a[href$="?id=2"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "php boy";
  color: #FF00FF;
}
#top a[href$="?id=12"] b { font-size: 0; }
#top a[href$="?id=12"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "woman with the woplan";
  color: red;
}

@keyframes koalarainbows {
0%{color: salmon;}
11%{color: orange;}
22%{color: yellow;}
33%{color: lightgreen;}
44%{color: cyan;}
55%{color: deepskyblue;}
66%{color: mediumslateblue;}
77%{color: violet;}
88%{color: hotpink;}
100%{color: salmon;}
}
@keyframes in{
  0%{
    letter-spacing: 1px;
  }
  50%{
    letter-spacing: -1px;
  }
  100%{
    letter-spacing: 1px;
  }
}
@keyframes brahground {
	0% {
		transform: rotate(-1deg);
		transform-origin: top;
	}

	50% {
		transform: rotate(1deg);
		transform-origin: top;
	}
        100% {
		transform: rotate(-1deg);
		transform-origin: top;
	}
}
@keyframes SCROLL {
0% { background-position: 100%, -100%;}
100% { background-position: 0%, 0%;}
}

@keyframes SCROLL2 {
0% { background-position: 1900px -970px;}
100% { background-position: 0px 0px;}
}