:root{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;scroll-padding-top:var(--head-height,5rem);--header-margin:5%;@media(max-width:424px){--header-margin: 2%;}--text-color:#272726;--main-bg:ghostwhite;--header-bg:#75a7b8;--header-fg:white;--score-bg:aliceblue;--score-bg_odd:#e8f0ff;--score-fg:black}html{scroll-behavior:smooth}body{line-height:1.4rem;background-color:var(--main-bg);padding:0;margin:0}.container{width:min(100% - 2rem,70rem);margin-inline:auto}header,footer{background-color:var(--header-bg);color:var(--header-fg);font-size:1.1rem;width:calc(100% - 2 * var(--header-margin))}header{position:sticky;top:0;padding:1rem var(--header-margin).5rem;z-index:2}footer{display:flex;justify-content:space-between;margin-top:2rem;padding:.5rem var(--header-margin);@media(max-width:840px){flex-direction: column-reverse; align-items: center; gap: 0.75rem;}}.head{display:flex;flex-wrap:wrap;justify-content:space-between}h1{font-size:clamp(1.5rem,5vw,1.9rem);font-weight:500;letter-spacing:.5rem;margin-block:2px 4px}h2{color:var(--text-color);text-transform:uppercase;letter-spacing:.5rem;padding-top:2rem;padding-bottom:.5rem}.tagline{font-size:clamp(.9rem,3vw,1rem);font-weight:350;letter-spacing:.1em;padding-block:.5rem}#playlist{margin-top:2rem}.hlist{list-style-type:none;margin:0;padding:0;li { display: inline-block; &:not(:last-child) { padding-inline-end: 0.5rem; } }}.roles{padding-top:.5rem}.roles li{font-weight:400;font-style:italic;&:not(:last-child) { padding-inline-end:0.1rem; &::after { content:","; } }}nav{padding-top:.5rem;margin-bottom:6px;a { padding-bottom: 4px; &:hover { border-bottom: 2px solid white; } }}:is(nav,.socials) a{text-decoration:none;color:#fff}.byline{font-size:1.2rem;font-style:italic;p { padding-top: 0.8rem; }}.copyright{font-style:italic}img{font-style:italic;width:100%;object-fit:cover;vertical-align:middle}.hero img{height:calc(100svh - var(--head-height))}.music-list{display:grid;gap:2rem .5rem;grid-template-columns:repeat(auto-fill,minmax(min(250px,25%),1fr))}.music{line-height:1.2rem;font-size:.8rem;.year { display: block; } a { font-weight: bold; color: var(--score-fg); } img { width: clamp(100px, 100%, 250px); height: auto; } .artist { font-size: 0.9rem; } .roles { padding-top: 0.3rem; li { font-weight: 400; } }}.score-list{display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.score{padding:.4rem 1.2rem;color:var(--score-fg);background-color:var(--score-bg);border:1px solid var(--header-bg);border-radius:7px;font-size:.9rem}.score:nth-child(even){background-color:var(--score-bg_odd)}.score a{font-weight:700;color:var(--score-fg)}.flex-line{display:flex;gap:1rem;justify-content:space-between}.year{font-weight:400;font-style:italic}.award{display:block;font-size:.8rem;font-style:italic;font-weight:600;line-height:1rem;color:#ba746e}.artist{display:block;font-weight:700}.publisher{font-weight:300}.about{text-align:justify;p { margin-bottom: 1.5rem; } figure { float: right; max-width: 40%; margin-top: 0; margin-right: 0; padding-left: 1rem; color: darkgrey; font-size: smaller; font-style: italic; text-align: right; @media (max-width: 550px) { font-size: 0.7rem; margin-left: 0.5rem; margin-bottom: 0.5rem; } } img { border-radius: 7px; }}.email{font-size:1rem}.icon{width:1.1rem;height:1.1rem;padding-right:.2rem;vertical-align:text-bottom}.notfound{height:84dvh}.err-txt{padding:5rem}.err-txt p{font-size:1.4rem}