:root{
  --font: 14px;
  --margin: 60px;
  --maxw: 520px;
  --line: 1.65;
  --btn-pad-y: 7px;
  --btn-pad-x: 13px;
}

body{
  background:#ffffff;
  color:#000000;
  font-family:"Courier New", Courier, monospace;
  font-size: var(--font);
  margin: var(--margin);
  max-width: var(--maxw);
  line-height: var(--line);
}

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

.header{margin-bottom:40px;}
.entry{margin-bottom:20px;}
.block{margin-bottom:40px;}
.tracklist{margin-bottom:40px;}
.small{opacity:0.75;}

.hr{
  height:1px;
  background:#000;
  opacity:0.15;
  margin:30px 0;
}

.button{
  display:inline-block;
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border:1px solid #000;
  text-decoration:none;
  color:#000;
  letter-spacing:0.5px;
}

.button:hover{
  background:#000;
  color:#fff;
  opacity:1;
}

/* MOBILE */
@media (max-width:700px){

  :root{
    --font: 17px;
    --margin: 22px;
    --maxw: 640px;
    --line: 1.8;
    --btn-pad-y: 11px;
    --btn-pad-x: 18px;
  }

}

  .header{margin-bottom:28px;}
  .block{margin-bottom:28px;}
  .tracklist{margin-bottom:28px;}
  .hr{margin:22px 0;}

}
.entry {
  margin-bottom: 22px;
}

.entry.restricted {
  opacity: 0.18;
}

.entry.restricted:hover {
  opacity: 0.35;
}