.label{
  background:#7B7484;
  color:#231733;
}

.social {
  transform-origin:50% 0%;
  transform:scale(0) translateY(-190px);
  opacity:0;
  transition:.5s;
}
ul.redes {
  position:relative;
  left:0;
  right:0;
  margin:-10px 11px;
  color:#fff;
  padding:0;
  list-style:none;
}

ul.redes li {
      font-size: 20px;
    cursor: pointer;
    width: 26px;
    margin: 0;
    padding: 4px 0;
    text-align: center;
    float: left;
    display: grid;
    height: 26px;}

ul.redes li:hover {color:rgba(0,0,0,.5);}

ul.redes:{
  content:'';
  display:block;
  position:absolute;
  left:0;
  right:0;
  margin:46px auto;
  height:0;
  width:0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #E34429;
}

li[class*="twitter"] {background:#6CDFEA;padding:12px 0;}
li[class*="gplus"] {background:#E34429;padding:12px 0;}
li[class*="whatsapp"] {background:green;padding:12px 0;}
li[class*="facebook"] {background:blue;padding:12px 0;}
li[class*="dropbox"] {background:#8DC5F2;padding:12px 0;}
li[class*="github"] {background:#9C7A5B;padding:12px 0;}
li[class*="instagram"] {background:#ff335e;padding:12px 0;}
li[class*="youtube"] {background:#CC181E;padding:12px 0;}

.credits a {
  color: #fff;
  text-decoration: none;
}