body {
  font-family: sans-serif;
  margin: 0;
  padding: 15px;
  /*background-image: url('bg.gif');
  background-repeat: repeat;*/
  background-color: #121214;
}
.wrap {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.profile {
  text-align: center;
  color: #FFF;
}
.photo {
  border-width: 3px;
  border-style: solid;
  border-color: yellow red white blue;
  border-radius: 50%;
  max-width:130px;
}
.profile_name {
  font-weight: bold;
  display: block;
}
.at {
  font-size: 13px;
}
.links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.links ul li {
  margin: 14px 0;
}
.link {
  padding: 14px;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  transition: ease all 0.3s;
  color: #FFF;
  font-weight: bold;
}

h1 {
  color: #FFFFFF;
}


.youtube {
  background-color: #ff0000;
}
.instagram {
  background-color: #f46f30;
}
.facebook {
  background-color: #1877f2;
}
.twitter {
  background-color: #1da1f2;
}
.soundcloud {
  background-color: #ff5500;
}
.mail {
  background-color: #34a853;
}
.nos {
  background-color: #0099e5;
}

.link:hover {
  box-shadow: 0px 0px 5px 1px #fff;
  transform: scale(1.02);
}
.card {
  padding: 10px;
  background-color: #FFF;
  border-radius: 4px;
}
.card h3 {
  margin: 0;
  color: #202024;
  text-align: center;
}
.card p {
  margin: 5px 0;
  font-size: 13px;
  color: #202024;
  text-align: center;
}