tomie.bb css

body{
      background-attachment:fixed;
      background-image:url(https://media4.giphy.com/media/ySvZaRKnzCdvG/giphy.gif?cid=ecf05e47t8m5114pf0em6bea4cww7vc8w5yaqjgnnebldtw2&rid=giphy.gif);
      background-position:center;
      background-size:cover;
      color:#fff;
      font-family:Tahoma,Geneva,sans-serif;
      font-weight:500;
 }
.songName {
    overflow: hidden;
    background: linear-gradient(#cc99ff, #6666ff);
    border-radius: 3px;
    margin-top: 0px;
    font-size: small;
    box-shadow: 0px 4px 6px -5px #333;
    text-shadow: 0px -2px #333;
    color: white;
    padding: 5px;
}
.extended{
      color:#fff;
      font-size:10px;
      text-shadow:0 0 3px rgba(69,0,112,0.5);
      text-shadow:#fff 0 0 7px;
}

.extended::after{
      background-image:url(https://wsffimages.s3.us-west-2.amazonaws.com/wp-content/uploads/2020/06/02085933/BlackSquare.jpg);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      bottom:0;
      box-sizing:border-box;
      color:#fff;
      content:"nekos only >;(";
      display:block;
      font-family:Century Gothic;
      font-size:15px;
      font-weight:700;
      left:0;
      text-align:center;
      text-shadow:#fff 0 0 7px;
      top:0;
      width:100%;
}

.logo{
      font-size:0;
}

.logo::after{
      color:#fff;
      content:"nico insta is tomie.bb!";
      font-size:15px;
      font-weight:800;
}
 span#hUp::before {content: "meoww<3"; animation: koalarainbows 0.5s infinite !important; color: salmon; font-size: large;}
@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;}
}
div#header{
      background:#9966ff;
      font-family:Century Gothic;
}

div#hSub{
      background:#6666ff;
      font-family:Century Gothic;
}

#name{
      animation-duration:2.0s;
      animation-iteration-count:infinite;
      animation-name:flashy;
      font-family:Century Gothic;
      font-size:25px;
      margin:0;
      padding-bottom:15px;
      padding-left:5px;
}

@keyframes flashy{

0%{
     color:#a959ff;
}

30%{
     color:#03fcfc;
}

65%{
     color:#fc037b;
}

100%{
     color:#a959ff;
}
}


#name::after{
      content:" (or nico)";
}

a:link{
      color:pink;
      text-shadow:#000 0 0 5px;
}

a:active{
      color:#00ffcc;
}

a:visited{
      color:#ff99ff;
}

.box{
      border:transparent;
}

.boxInfo{
      background:#a64dff;
      border:2px dashed #fff;
      border:2px solid #000;
      margin-bottom:1px;
}

.boxButton{
      color:#fff;
}

.boxHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      border:2x dashed #fff;
      color:#fff;
}

#sMsg{
      background-image:url(https://media4.giphy.com/media/10a8AOSeP6Rqfu/giphy.gif?cid=ecf05e47t53tiv43s5glej38plfpdk6zrh5d5y5iqpvqub8g&rid=giphy.gif);
      font-size:0;
}

#sMsg::after{
      content:"tell me something";
      font-size:13px;
}
 block {
display: none;
}

report {
display: none;
}
#block{
      background-image:url(https://media0.giphy.com/media/A9dZqpVpbLsju/giphy.gif?cid=ecf05e47e2fe471b18c931173076e354ab0d507293ab0662&rid=giphy.gif);
font-size:0;
}

#block::after{
      content:"oh sorry byee";
font-size:13px;
}

#report{
      background-image:url(https://media1.giphy.com/media/6bXd6ZTYpZWrC/giphy.gif?cid=ecf05e474b111015fb09d5c551875cc1b445c17b781eef8b&rid=giphy.gif);
      font-size:0;
}

#report::after{
      content:"snitch me out ig";
      font-size:13px;
}

#add{
      background-image:(https://i.pinimg.com/236x/6f/bc/a5/6fbca5f0943042b0bed507c90961b57b--emo-pictures-emo-pics.jpg);
      font-size:13px;
      text-transform:lowercase;
}

div.url.box{
      font-size:0;
      text-align:center;
}

div.url.box::after{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:#fff;
      content:"“i kiss the scars on her skin.”";
      font-size:20px;
      font-weight:700;
      text-shadow:#6600cc 0 0 3px;
}

.rightHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      color:#fff;
      font-size:18px;
      text-shadow:0 0 3px rgba(77,7,110,0.5);
}

.rightHead::before{
     content: url();
     padding: 5px;
}

.rightHead::after{
     content: url();
     padding: 5px;
}

.topLeft{
      animation-duration:1.5s;
      animation-name:slidein;
      background-image:url(https://pa1.narvii.com/6946/0fd793d75f6c895195e1b66d3ee1dffcda0a1b91r1-400-301_hq.gif);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      box-sizing:border-box;
      color:#fff;
      overflow:auto;
      padding:1px;
      position:relative;
      text-shadow:0 0 4px black;
      top:60px;
}

@keyframes slidein{
      from {
            margin-left:-100%;
}

      to {
            margin-left:0;
      }
}

.avatar{
      border:10px solid;
      border-image:url(https://media4.giphy.com/media/2SYpZ92iLQsF6QZl5u/giphy.gif?cid=ecf05e47nhn7q171gvowgqz4qluq1q8a26xiyz24sx6xtykh&rid=giphy.gif) 30 stretch;
      box-sizing:border-box;
      display:block;
}

#gender{
      position:relative;
      visibility:hidden;
}

#gender::after{
      content:"nico";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#age{
      position:relative;
      visibility:hidden;
}

#age::after{
      content:"0";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#country{
      position:relative;
      visibility:hidden;
}

#country::after{
      content:"Los Angeles";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#online{
      margin-top:0;
      padding:1px;
      position:relative;
      visibility:hidden;
}

#online::after{
      content:url("https://66.media.tumblr.com/0aba58a985096c2e488289597b4ccad8/63044b9c0c86e369-66/s250x400/1c41c3d05bd922837f03dea9c5657ba1a6b5a68d.png");
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

.topRight{
      animation-duration:1.5s;
      animation-name:slide;
}

@keyframes slide{
      from {
            margin-right:-100%;
}

      to {
            margin-right:0;
}
}

.player{
      background-image:url(https://64.media.tumblr.com/ae29cfd2308861dbb51d614c7ae2941a/tumblr_ov1nkoHmxw1tcg4xno1_500.gif);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      color:#fff;
      margin:0 auto;
}

h4{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQR71t72hTBTRy_9GsAEg-Fb2gvLYgFq4tM4A&usqp=CAU);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-bottom:0px;
      border-top-left-radius:25px;
      border-top-right-radius:25px;
      color:#fff;
      font-family:Century Gothic;
      font-weight:700;
      height:20px;
      position:relative;
}

.blurbs{
      margin-block-start:15px;
      text-align:center;
      text-shadow:0 0 3px rgba(255,255,255,0.5);
}

#about{
      background:rgba(142,93,154);
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

#who{
      background:rgba(142,93,154);
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

.fwiendCount{
      color:#ccccff;
}

.fwiendCounter{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:#fff;
}

#top a{
      color:#ffccff;
      text-decoration:none;
}

.fwiendFace{
      background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTnlMZUJfcR2md2WNDeWXJaLwirJrATEFqvfQ&usqp=CAU);
      border:2px solid #fff;
      border-radius:50%;
      font-size:0;
      height:100px;
      margin-bottom:5px;
      margin-right:5px;
      max-width:100vw;
      width:100px;
}

.fwiendFace img{
      background-position:center;
      border-radius:50%;
      display:absolute;
      height:100px;
      object-fit:cover;
      width:100px;
}

.fwiendFace:hover{
      animation:shake 1s;
      animation-iteration-count:infinite;
}

@keyframes shake{
0% {
transform:translate(1px,1px) rotate(0deg);
}

10% {
transform:translate(-1px,-2px) rotate(-1deg);
}

20% {
transform:translate(-3px,0px) rotate(1deg);
}

30% {
transform:translate(3px,2px) rotate(0deg);
}

40% {
transform:translate(1px,-1px) rotate(1deg);
}

50% {
transform:translate(-1px,2px) rotate(-1deg);
}

60% {
transform:translate(-3px,1px) rotate(0deg);
}

70% {
transform:translate(3px,1px) rotate(-1deg);
}

80% {
transform:translate(-1px,-1px) rotate(1deg);
}

90% {
transform:translate(1px,2px) rotate(0deg);
}

100% {
transform:translate(1px,1px) rotate(0deg);
}
}

#viewFriends{
      background:rgba(142,93,154);
      border:2px solid #000;
      border-radius:25px;
      color:#000;
      padding:5px;
}

.tableLeft{
      background:#d1b3ff;
      background-position:center;
      background-size:cover;
      border:2px dashed #fff;
}

.tableRight{
      background:#000;
      border:2px dashed #fff;
      color:#fff;
      text-shadow:#fff 0 0 7px;
}

.blog{
      background:rgba(142,93,154);
      border:2px solid #000;
      text-shadow:#fff 0 0 7px;
}

.blogs{
      text-shadow:#fff 0 0 7px;
}

.blogCard{
      position:relative;
      top:10px;
}

.blogTitle{
      font-size:0;
}

div#footer{
      bottom:0;
      font-size:0;
      left:700px;
      position:fixed;
      pointer-events: none;
}

div#footer::after{
      animation-duration:1.5s;
      animation-name:slideup;
      content:url("https://static.tvtropes.org/pmwiki/pub/images/neneyashiro_4.png");
}

@keyframes slideup{
      from {
            margin-right:-100%;
}

      to {
            margin-right:0;
      }
}

@media screen and (max-device-width: 768px){
      div#footer {
      visibility:hidden;
      }
}

@media only screen and (max-width : 768px){
* {
      -moz-animation:none!important;
      -ms-animation:none!important;
      -o-animation:none!important;
      -webkit-animation:none!important;
      animation:none!important;
      }
}

* {
cursor:url(https://ani.cursors-4u.net/symbols/sym-8/sym749.cur),auto!important;