body {
  margin: 0;
  padding: 0;
  background: #838383;
}
.container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.btn {
  border: none;
  margin: 20px;
  padding: 24px;
  width: 220px;
  font-family: "montserrat",sans-serif;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  background-size: 200%;
  transition: 0.6s;
  box-shadow: 0px 0px 10px black;
}
.insta {
  background-image: linear-gradient(to left,#8C3BDB,#E93393,#EBC667,#E93393,#8C3BDB);
}
.wp {
  background-image: linear-gradient(to left,#215AFF,#628BFF,#215AFF);
}
.youtube {
  background-image: linear-gradient(to left,#FF0000,#FF6565,#FF0000);
}
.lastfm {
  background-image: linear-gradient(to left,#BA0000,#C94545,#BA0000);
}
.mail {
  background-image: linear-gradient(to left,#D59B00,#EEC659,#D59B00);
}
.matrix {
  background-image: linear-gradient(to left,#2EB000,#64BE45,#2EB000);
}
.imprint {
  background-image: linear-gradient(to left,#444444,#7E7E7E,#444444);
}
.btn:hover {
  background-position: right;
  box-shadow: 0px 0px 20px black;
}
#line {
  width: 440px;
  color: white;
}