/* you can copy my css ifyou want*/

div.info {
 display:none; 
}

textarea.commentsbox {
  text-align:center;
  position:auto;
  font-size:20px;
  color:black;
}


.g-recaptcha {
  color:black;
}
  

.blogInfo {
  color:white;
}

.blogInfo a:hover {
  text-shadow: 0px 0px 20px lightblue,
    0px 0px 10px lightblue;
}

.headerBottom {
  color:#ffccfc;
  background: rgba(76, 175, 80, 0);
}

.url {
display:none;
}


#smsg {
   display:none;
}

.currgroup {
  margin-top:20px;
}

div#song.contactinfo {
  height:276;
  width:295;
}

#friends img {
  width: 70px;
  height: 70px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
          transition: transform 0.8s ease-in-out;
}

#friends img:hover {
-webkit-transform: rotate(360deg);
          transform: rotate(360deg);

}


.contactInfoTop {
    padding: 19px;
    padding-bottom: 10px;
    padding-left: 18px;
    color: white;
    background-color: #BCB3E2;
}

#audioelement {
  margin-top:10px;
  margin-bottom:20px;
  margin-left:0px;
}

body{
    font-size: 20px;
  background-color:black;
    background-image: url("https://cdn.pixabay.com/photo/2016/04/06/10/08/pink-1311251_960_720.jpg");
    background-position:center;
  background-size:100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
  text-align:center;
  color:white;
  text-shadow: 3px 3px 5px grey;
  font-family: "Verdana", sans-serif
} 

.contactInfoTop {
display:none;
}

.contactInfo {
    border: 0px solid black;
    box-shadow: 0px 0px #0004;
}

.headerTop {
    display: block !important;
    width: 100%;
    font-family: "Comic Sans MS", "Comic Sans", cursive;
    color:white;
    text-decoration: none;
    text-shadow: 0px 0px 20px lightblue, 0px 0px 20px lightblue;
    background: rgba(2,2,2,0);
}



#song.contactInfo:before {
    content: "";
    display: block;
    position: relative;
    width: 299px;
    height: 261px;
    background-position: 0,100;
    background-size: 100% 100%;
    background-image: url(https://i1.sndcdn.com/artworks-000550462386-cd3ty0-original.jpg);
    color:white;
    box-shadow: 0px 0px 20px white;
}

.username {
    text-align:center;
    position:relative;
    left:10px;
    font-size:30px;
}

#avatar.avatar{

  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;  
  box-shadow: 0px 0px 20px grey;
    border: 8px solid transparent;
  padding: 5px;
  border-image: url(penis) 10 round;
}

small.status{
  color:black
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

small.formerly{
display:none;
}

#siteTitle {

  font-size:20px;

}

#mybio {
  font-size:20px;
}

a {
  text-shadow: 3px 3px 5px grey;
  color:white;
}

a:hover {
text-shadow: 0px 0px 20px lightblue, 0px 0px 10px lightblue;
  text-decoration:none;
}

#o1337 {
color:white
  text-shadow: 0px 0px 20px lightblue;
}

#bio {
    color:white;
  font-size:26px;
}