styles.css

@font-face {
  font-family: 'AngryNerds';
  src: url('https://cdn.rawgit.com/putty182/4bcee364e98f96f90400421c0d41ca67/raw/c50f7081cae7eeeab009ed0400b83b70c1111fd4/AngryNerds.ttf');
}

#main {
  height: 100vh;
}

#main h1, h2, h3 { 
  font-family: 'AngryNerds', serif;
  line-height: 0.8em;
}

#main a {
  color: #333;
  opacity: 1;
  transition: opacity 0.2s;
}

#main a:hover {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
}

#band-logo:after {
    display: block;
    content: ' ';
    height: 15vw;
    width: 100%;
    top: 0;
    margin-top: 1rem;
    background-image: url(the-shakeouts.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    filter: drop-shadow(1px 1px 0px #fff) drop-shadow(0px 0px 2px #999);
}

#social-links a img {
  height: 20vw;
  width: 20vw;
}

#facebook:before,
#unearthed:before,
#soundcloud:before,
#bandcamp:before {
  content: " ";
  display: block;
  width: auto;
  height: 20vh;
  max-height: 140px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#facebook:before {
  background-image: url(facebook.svg);
}
#unearthed:before {
  background-image: url(unearthedlogo.svg);
}
#soundcloud:before {
  background-image: url(soundcloud.svg);
}
#bandcamp:before {
  background-image: url(bandcamp.svg);
}