.blinkYellow, .blinkViolet, .blinkRed, .blinkGreen, a:hover {
     animation: changeColor 1s linear infinite;
}
div.fwiendFace{
height:120px;
width:100px;
border:1px solid black;
}

a {
    color:  #d785e0;
}
#country {
    font-size: 0px;
}
#lastLogin {
    font-size: 0px;
}
#gender {
    font-size: 0px;
}
#gender::after {
    content: "girlthing"; 
    font-size: 13px;
}
#age {
    font-size: 0px;
}
#age::after {
    content: "100"; 
    font-size: 15px;

}

.blogs div {
	margin-bottom: 10px;
	color: white;
}
.blurbs {
    margin-bottom: 20px;
    padding: 10px;
}
.blurbs, .box, .box.comments {
    max-height: 500px;
    overflow-y: scroll;
    padding: 10px;
    margin-bottom: 20px;
background-color:white;
    border: 2px solid #e4aeea;
}
body {
    background-image:url(https://scemoboy.carrd.co/assets/images/gallery05/f80d9578.jpg?v=b2f5705a);
font-family:courier;
background-size: 50%;
font-size: 12px;
    color: black;
text-transform:lowercase;
    letter-spacing: 1px;
    text-align: center;
}
.box{
margin:10;
}
div.boxHead, div.rightHead {
background-color: white;
    color: black;
 text-transform: lowercase;   
}
div#container{
width:900px;
}
table#short{
background-color:white;
border:1px solid #e4aeea;
}
div#header {
    background-color: #d785e0;
    background-position: 0px -400px;
text-align: center;
text-transform: lowercase;
    background-size: 100px;
    background-repeat: repeat;
}
div#hSub {
    color: black !important;
    background-color: #e4aeea;
    text-align: center;
text-transform: lowercase;
}
.extended {
   text-align: center;
color: white;
   margin-bottom: 20px;
   margin-top: 15px;
   background-color:white;
   background-size: 100px;
   background-position: center;
}

.topLeft, .blurbs, .box.blurbs {
    margin-top: 20px;
    background-repeat: no-repeat;
text-transform: lowercase;
text-align: left;
background-color: white;
    background-size: 100% 100%;
}

.tableLeft {
    background: white;
}
div#topLeft{
border: 1px solid #d785e0;
}
div#box.comments{
margin-top:20px;
}
div#songName{
font-size:13px;
font-style:italic;
}
b,h4 {
    color: #c249d0;
text-transform: lowercase;
}
h2#name{
     animation: changeColor 1s linear infinite;
}
.fwiendCount {
    color: #d785e0;
}

.player.box {
background-color:white;
background-size: fit;
    background-position: 150px;
color: black;
}
.fwiendCounter > b, .fwiendCounter > b > .uName {
font-size: 0px;
}

.fwiendCounter > b::after, .fwiendCounter > b > .fwiendCount {
    font-size: 15px;
}
button, input {
  color: white;
text-transform:lowercase;
font-family:courier;
  padding: 5px 15px;
  background-color:#d785e0;
  border:none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight:normal;
border-radius:5px;
    margin:0 auto;
    margin-bottom:.5rem;
}
.fwiendCounter > b > .uName::after {
    content: " has ";
}
.fwiendCounter > b::after {
    content: " fwiendz";
}
@keyframes changeColor{
    0%{color:#ffb3df;}
    10%{color: #d785e0;}
    20%{color: #ffb3df;}
    30%{color: #d785e0;}
    40%{color: #ffb3df;}
    50%{color: #d785e0;}
    60%{color: #ffb3df;}
    70%{color: #d785e0;}
    80%{color:#ffb3df;}
    90%{color: #d785e0;}
    100%{color: #ffb3df;}
}
@keyframes Color{
    0%{color:#ffb3df;}
    10%{color: white;}
    20%{color: #ffb3df;}
    30%{color: white;}
    40%{color: #ffb3df;}
    50%{color: white;}
    60%{color: #ffb3df;}
    70%{color: white;}
    80%{color:#ffb3df;}
    90%{color: white;}
    100%{color: #ffb3df;}
}
.tableRight {
	background-color:white;
	background-size: cover;
}
#viewFriends {
text-transform: lowercase;
}
.logo{
      font-size:0;
}

.logo::after{
content: "meowspace :3";
text-align: center;
    color: white;
    line-height: 5px;
    font-size: 15px;
    padding: 50px;
}
#container::before {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 150px;
    background-image: url(https://methwax.carrd.co/assets/images/image02.gif?v=ef77d25a);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 15px;
margin-top:15px;
}

#sMsg, #block, #add, #remove, #report {
    color: #d785e0;
text-transform: lowercase;
    background-color: white;
    background-size: 20%;
}
div.rightHead{
font-size:0px;
}
div.box.fwiends > div.rightHead::after {
content:"my fwiendz";
font-size:13px;
color:#d785e0;
margin-bottom:10px;
text-align:center;
}
div#hSub > #text{
font-size:0px;
}
div#hSub > #text:after {
content:"...";
color:black;
}
#boxHead, #date{
color:#d785e0;
}
img#avatar{
-webkit-mask-image: url(https://files.catbox.moe/1j0i1r.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;   
  animation: pop 1s ease-in-out infinite alternate;
}
@keyframes
pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }
   
     
}
::-webkit-scrollbar {
  width: 10px;
  border-radius:10px;
}
::-webkit-scrollbar-track {
  background: white;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
  background: #d785e0;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
background:#e4aeea;
}
#sMsg{
    font-size: 0px;
background-image:url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-13.gif?w=20&zoom=2); 
    }
#sMsg:after{
    content:"msg"; 
    font-size: small;
    }
#block {
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-10.gif?w=20&zoom=2);
}

#report {
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-9.gif?w=20&zoom=2);
}
#add{
    font-size: 0px;
    background-image:url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-1.gif?w=20&zoom=2); 
    }
#add:after{
    content:"fwiend"; 
    font-size: small;
}
#remove {
    background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/kuromi-bullet-12.gif?w=20&zoom=2);
font-size:small;
}
h2#name {
    color: #d785e0;
font-family:kinkie;
font-size:25px;
}
@font-face {
font-family: kinkie;
src: url(https://dl.dropbox.com/s/b2jkn3py4agc9nn/kinkie.regular.ttf);
}
.url {
    background: url(https://media.tenor.com/gzpeUBglwZYAAAAi/kuromi-laying-down.gif) no-repeat;
    position: fixed;
    right: 40px;
    bottom: -100px;
    color: #ffffff00;
    background-size: 300px;
    height: 350px;
    width: 350px;
    border: none;
    box-shadow: none;
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}
div#online {
    content: url(https://cur.glitter-graphics.net/pub/2894/2894358kueb9gb8wm.png);
    display: block;
    width: 80%;
    margin-right: 30px;
align: center;
}
span#hUp::before {
    content: "Amazing☆!";
    font-size: 13px;
text-transform:uppercase;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-name: Color;
}
div#about{
border-width:7px;
border-style:solid;
border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round;
padding:20px;
height:300px;
overflow:auto;
overflow-x:hidden;
text-align:center;
}
img:hover{
transform:scale(1.5);
filter: grayscale(0%);
transition: all 0.5s;
text-shadow: white 0px 0px 5px;
}
@keyframes shake{
    0% {
        transform:translate(1px,1px) rotate(0deg);
    }
 
    10% {
        transform:translate(-1px,-3px) rotate(-1deg);
    }
 
    20% {
        transform:translate(-3px,2px) rotate(1deg);
    }
 
    30% {
        transform:translate(3px,4px) rotate(0deg);
    }
 
    40% {
        transform:translate(1px,-3px) rotate(1deg);
    }
 
    50% {
        transform:translate(-1px,4px) rotate(-1deg);
    }
 
    60% {
        transform:translate(-3px,3px) rotate(0deg);
    }
 
    70% {
        transform:translate(3px,3px) rotate(-1deg);
    }
 
    80% {
        transform:translate(-1px,-3px) rotate(1deg);
    }
 
    90% {
        transform:translate(1px,4px) rotate(0deg);
    }
 
    100% {
        transform:translate(1px,3px) rotate(0deg);
    }
 
}