html {
  min-height: 650px;
  position: relative;
}

@font-face {
  font-family: Chunk;
  src: url("/assets/Chunk-c276e98b.otf");
}

body {
  background: #B9D7D9 url("/assets/texture-87b64a7d.png");
  width: 500px;
  text-align: center;
  font-family: Chunk, "Chunk", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 50px auto auto;
  text-shadow: #d8fafe 0 1px 1px;
  color: #2A2829;
}

#vinyl {
  width: 500px;
  background: url("/assets/vinyl-6891798d.png") no-repeat 200px;
}

#cover {
  margin: auto;
  width: 240px;
  height: 240px;
  overflow: hidden;
  box-shadow: 0 0 5px #000;
  background-color: #000;
}

img {
  height: 240px;
}

h1 {
  font-size: 40px;
  margin-top: 10px;
}

#by {
  opacity: .5;
  font-size: 15px;
}

h2 {
  color: #493736;
  font-size: 30px;
  margin-bottom: 10px;
}

#footer {
  font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 20px;
  bottom: 10px;
}

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