@import url('https://fonts.cdnfonts.com/css/blackadder-itc');

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #010101; 
}

::-webkit-scrollbar-thumb {
  background: #505050; 
}

::-webkit-scrollbar-thumb:hover {
  background: #808080; 
}

html {
  height: 100%;
  width: 100%;
}

#section1 {
  background-color: #010101;
  height: 1500px;
  padding: 10px;
  -webkit-animation: fadein 0.5s;
  animation: fadein 4s;
}

#section2 {
  background-color: #010101;
  height: 0px;
  padding: 10px;
}

#section3 {
  height: 0px;
  background-color: #010101;
}


h1 {
  font-family: 'Blackadder ITC', sans-serif;
  text-align: center;
  color: white;
}

p {
  font-family: 'Blackadder ITC', sans-serif;
  text-align: center;
  color: white;
  font-size: 30px;
}

a {
  font-family: 'Blackadder ITC', sans-serif;
  color: white;
  font-size: 30px;
}

body {
  background-color: #010101;
}


.serif {
  font-family: 'Garamond', Times, serif; 
  text-align: left; 
  font-size: 20px;
}

.songlinks {
  font-family: 'Garamond', Times, serif; 
  text-align: left; 
  font-size: 20px;
  color: #808080;
  text-decoration: none;
}

.songlinks:hover {
  color: #505050;
  text-decoration: none;
}

.soundcloudlink {
  font-family: 'Garamond', Times, serif; 
  text-align: left; 
  font-size: 20px;
  color: #ff8f2e;
  text-decoration: none;
}

.soundcloudlink:hover {
  color: #ff661a;
  text-decoration: none;
}

.spotifylink {
  font-family: 'Garamond', Times, serif; 
  text-align: left; 
  font-size: 20px;
  color: #1ed760;
  text-decoration: none;
}

.spotifylink:hover {
  color: #1db954;
  text-decoration: none;
}

.applemusiclink {
  font-family: 'Garamond', Times, serif; 
  text-align: left; 
  font-size: 20px;
  color: #FF4E6B;
  text-decoration: none;
}

.applemusiclink:hover {
  color: #FF0436;
  text-decoration: none;
}

.amazonmusiclink {
  font-family: 'Garamond', Times, serif; 
  text-align: left; 
  font-size: 20px;
  color: #0DBFF5;
  text-decoration: none;
}

.amazonmusiclink:hover {
  color: #0077C1;
  text-decoration: none;
}