code catboysimp

body{
      font-family: Comic Sans MS;
      color:pink;

      background-attachment:fixed;
      background-image:url(https://64.media.tumblr.com/dc5ba8e8290e22ccedda4bf48792ecfc/e3173feccc0c503f-e0/s400x600/e9af367d9ba76317e0c78847e2a0067e6481262f.gifv);
      background-position:center;
      background-size:repeat;
      color:pink;
      font-family:Comic Sans MS;
      font-weight:500;
 }
.songName {
    overflow: hidden;
    background: linear-gradient(#e6c1e4, #d197ce);
    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:#000;
      font-size:10px;
      text-shadow:0 0 3px #333;
      text-shadow:#fff 0 0 7px;
}

.extended::after{
      background-image:url(https://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif
);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      bottom:0;
      box-sizing:border-box;
      color:pink;
      content:"catboys, please interact";
      display:block;

      font-family:Comic Sans MS;
      font-size:15px;
      font-weight:700;
      left:0;
      text-align:center;
      text-shadow:#000 0 0 7px;
      top:0;
      width:100%;
}
#online{
      margin-top:0;
      padding:1px;
      position:relative;
      visibility:show;
}

.logo{
      font-size:0;
}

.logo::after{
      color:pink;
      content:"UwU";
      font-size:15px;
      font-weight:800;
}
 span#hUp::before {content: "catboys"; animation: koalarainbows 0.5s infinite !important; color: salmon; font-size: large;}
@keyframes koalarainbows {
0%{color: salmon;}
11%{color: salmon;}
22%{color: pink;}
33%{color: salmon;}
44%{color: salmon;}
55%{color: pink;}
66%{color: salmon;}
77%{color: salmon;}
88%{color: pink;}
100%{color: salmon;}
}
div#header{
      background:#d197ce;
      font-family:Comic Sans MS;

}

div#hSub{
      background:#e6c1e4;
      font-family:Comic Sans MS;

}

#name{
      animation-duration:2.0s;
      animation-iteration-count:infinite;
      animation-name:flashy;

      font-family:Comic Sans MS;
      font-size:25px;
      margin:0;
      padding-bottom:15px;
      padding-left:5px;
}

@keyframes flashy{

0%{
     color:#f0d1ec;
}

30%{
     color:#e697db;
}

65%{
     color:#fc037b;
}

100%{
     color:#f0d1ec;
}
}





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

a:active{
      color:#00ffcc;
}

a:visited{
      color:#ff99ff;
}

.box{
      border:transparent;
}

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

.boxButton{
      color:#000;
}

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

#Msg {font-size:0px;

    color: pink;
    background-repeat: no-repeat;
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat13.gif?w=35&h=&zoom=2);


}
#sMsg {
font-size:0px;
    color: pink;
    background-repeat: no-repeat;
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat13.gif?w=35&h=&zoom=2);
}#sMsg::after{
        content: " message me <3";
        font-size: 13px

}
#report {font-size:0px;

    color: pink;
    background-repeat: no-repeat;
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat7.gif?w=35&h=&zoom=2);
}#report::after{
        content: " report T^T";
        font-size: 13px
}
#add {font-size:0px;

    color: pink;
    background-repeat: no-repeat;
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat6.gif?w=35&h=&zoom=2);
    icon-display: block;
}
#add::after{
        content: " add me!!";
        font-size: 13px
}
#block {font-size:0px;

    color: pink;
    background-repeat: no-repeat;
    background-image:
url(https://cutekawaiiresources.files.wordpress.com/2013/03/pinkcat5.gif?w=35&h=&zoom=2);
}
#block::after{
        content: " block :(";
        font-size: 13px
}

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:"~Nya~";
      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://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.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://thumbs.gfycat.com/AchingGrossErin-size_restricted.gif) 30 stretch;
      box-sizing:border-box;
      display:block;
}

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

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


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

#country::after{
      content:"USA";
      font-size:10px;
      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://thumbs.gfycat.com/AchingGrossErin-size_restricted.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://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif);
      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:Comic Sans MS;
      font-weight:700;
      height:20px;
      position:relative;
}

.blurbs{
      margin-block-start:15px;
      text-align:center;
      text-shadow:0 0 3px black;
}

#about{
      background:#d197ce;
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

#who{
      color: pink;
      background:#d197ce;
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

.fwiendCount{
      color:#d197ce;
}

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

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

.fwiendFace{
      background-image:url(https://i.pinimg.com/originals/4c/6e/ac/4c6eac44a1446d455f440e8e10daf71f.gif
);
      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:#d197ce;
      border:2px solid #000;
      border-radius:25px;
      color:#000;
      padding:5px;
}

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

.tableRight{
      background-image:url(https://cdn131.picsart.com/334531580047211.png?type=webp&to=min&r=240);
      border:2px dashed #fff;
      color:#fff;
      text-shadow:#fff 0 0 7px;
}

.blog{
      background:#d197ce;
      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://o.remove.bg/downloads/0cfde1ee-a1e8-4490-9053-c640ecf47248/Ferris_Character_Art-removebg-preview.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;
      }
}

/* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani831.cur), auto !important;} /* End http://www.cursors-4u.com */