header {
    animation: fadeOut backwards;
    animation-timeline: --tracked-elem;
    animation-range: entry 0% entry 180vh;
    animation-timing-function: ease-out;
    visibility: hidden;
}

main {
    display: flex;
    flex-direction: column;
    margin: auto;
    view-timeline: --tracked-elem;
    max-width: 42rem;
    position: relative;
    padding-top: 100vh;
    margin-top: 100vh;
}

ul.musicList > li {
    position: relative;
    /*width:fit-content;*/
    border-radius: 20px;
    background: url("./base-noise.svg"), var(--rust1);
    background-blend-mode: multiply;
    display:grid;
    grid-template-columns: 5rem 1fr;
    column-gap: 1rem;
    margin-bottom: 1em;
    padding:.4em;
}

ul.musicList > li > a {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}

ul.musicList > li > img {
    border-radius:20px;
    width:100%;
    object-fit: contain;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    align-self:center;
}

ul.musicList > li > p {
    margin:0;
}
ul.musicList > li > p.artist {
    font-size:36px;
    font-weight: bold;
}

main > ul {
    padding-left: 2rem;
}