body{
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}

main{
  width: 600px;
  padding: 4.75em 2.5em;

  hr{
    margin: 4.75em 2.5em;
  }
}

img{
  width: 100%;
  border: 1px solid #d2d2d3;
  margin-bottom: 2.5em;
  user-select: none;
  image-rendering: auto;
}

.date, .song, table{
  font-size: 10px;
}

.date{
  display: flex;
  align-items: center;
  justify-content: space-between;

  div{
    width: 50%;
  }

  div:nth-of-type(2){
    text-align: right;
  }
}

.date{
  display: flex;
  align-items: center;
  justify-content: space-between;

  div{
    width: 50%;
  }

  div:nth-of-type(2){
    text-align: right;
  }
  
  div:nth-of-type(1){
    font-weight: bold;
  }
}

.date, .song, img{
  margin-bottom: 2.5em;
}

table th, table td{
  padding: 0 2.5em 0 0;
}

footer{
  z-index: 999;
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: fit-content;
  padding: 2.5em;
  background-color: #fffefd;
}