.link-holder, .holder {
    max-width: 400px;
    margin: 0 auto;
    background-color: #13131c;
}

.img-holder img {
  width: 100%;
}

.link-holder {
  padding-bottom: 30px;
}

.img-holder {
  padding: 30px;
}

body {
  margin: 0;
}

audio {
  width: 80%;
  margin-left: 10%;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.link-footer {
    color: #FFF;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
}

.link-footer a.email {
  display: block;
}
.link-footer a {
  color: #FFF;
  font-size: 14px;
}

.bg-cover {
  background: linear-gradient(270deg, #13131d, #20496c);
  background-size: 400% 400%;
  -webkit-animation: loop 30s ease infinite;
  -moz-animation: loop 30s ease infinite;
  -o-animation: loop 30s ease infinite;
  animation: loop 30s ease infinite;
  min-height: 100vh;
}

@-webkit-keyframes loop {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes loop {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes loop {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes loop {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.link-body i {
  float: left;
  font-size: 20px;
  margin-top: 5px;
  border: 1px solid;
  padding: 20px;
  border-radius: 50%;
}

.container {
  padding: 30px 0;
}

.link-body {
  display: block;
  height: 70px;
  padding: 15px 30px;
  background-size: 200% 100%;
  background-position: left bottom;
  margin: 10px 30px;
}

.link-body:hover {
  text-decoration: none;
}

.link-body-google {
    background: linear-gradient(to right, #0062f8 30%, #3786ff 70%);
    color: #FFF;
}

.link-body-youtube {
    background: linear-gradient(to right, #ac1813 30%, #d71e18 70%);
    color: #FFF;
}

.link-body-spotify {
    background: linear-gradient(to right, #6ca205 30%, #87cb06 70%);
    color: #FFF;
}

.link-body-apple {
    background: linear-gradient(to right, #dfdfdf 30%, #FFF 70%);
    color: #000;
}

.link-body-soundcloud {
    background: linear-gradient(to right, #ff7500 30%, #ff8c00 70%);
    color: #FFF;
}

.link-body-amazon {
    background: linear-gradient(to right, #ffa500 30%, #ff9f00 70%);
    color: #FFF;
}

.link-body-shop {
    background: linear-gradient(to right, #dfdfdf 30%, #FFF 70%);
    color: #000;
}

.link-body-google:hover {
  box-shadow: inset 120px 0 0 0 #3786ff;
  transition:all 2s ease;
}

.link-body-apple:hover {
  box-shadow: inset 120px 0 0 0 #FFF;
  transition:all 2s ease;
}

.link-body-youtube:hover {
  box-shadow: inset 120px 0 0 0 #d71e18;
  transition:all 2s ease;
}

.link-body-spotify:hover {
  box-shadow: inset 120px 0 0 0 #87cb06;
  transition:all 2s ease;
}

.link-body-soundcloud:hover {
  box-shadow: inset 120px 0 0 0 #ff8c00;
  transition:all 2s ease;
}

.link-body-amazon:hover {
  box-shadow: inset 120px 0 0 0 #ff9f00;
  transition:all 2s ease;
}

.link-body-shop:hover {
  box-shadow: inset 120px 0 0 0 #FFF;
  transition:all 2s ease;
}

.description {
  margin-top: 15px;
  float: right;
}

.description span {
  color: #000;
  font-weight: 600;
  margin: 0;
  text-align: right;
}

.description img {
  width: 115px;
}