body
{
  font-family: 'Quicksand', sans-serif;
  color: white;

  background: -webkit-linear-gradient(45deg, #5e0847, #085e4b);
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-align: center;

  font-size: 12px;
}

h1
{
  font-size: 400%;
  margin: auto;
}

#main
{
  margin: auto;
  padding-top:14%;
  width: 60%;
  height:60%;
}

#links
{
  font-size: 130%;
}

a:link
{
  color: #d7d7d7;
  text-decoration: none;
}

a:visited
{
  color: #d7d7d7;
  text-decoration: none;
}

a:hover.spot
{
  color: #1DB954;
  text-decoration: none;
  transition: 0.5s;
}
a:hover.youtube
{
  color: #ff675c;
  text-decoration: none;
  transition: 0.5s;
}

a:hover.apple
{
  background: -webkit-linear-gradient(left, #4fdbc9, #eb73df);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  transition: 0.5s;
}

#footer
{
  text-align: right;
  position: absolute;
  bottom: 1%;
  right:1%;
}

a:hover.rainbow
{
  background: -webkit-linear-gradient(left, #FF0018, #FFA52C, #FFFF41, #008018, #0000F9, #86007D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  transition: 0.5s;
}