:root{--black: #1F1F1F;--white: rgba(255, 255, 255, 0.9);--border: #474747;--maxWidth: 800px}html{margin:0;padding:0}body{background-color:var(--black);background-image:url("/images/stars_bg.jpg");background-attachment:fixed;background-position:top center;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0;padding:0 24px 24px;position:relative}main{margin:0 auto;max-width:var(--maxWidth)}p{line-height:24px}header{background-color:var(--black);background-image:url("/images/stars_bg.jpg");background-attachment:fixed;background-position:top center;box-sizing:border-box;display:flex;flex-wrap:wrap;max-width:var(--maxWidth);padding:8px 0 0;position:sticky;top:0;width:100%;z-index:5}header:after{background-image:linear-gradient(to bottom, black, rgba(0, 0, 0, 0));bottom:-24px;content:"";display:block;height:24px;position:absolute;width:100%}header h1{font-size:24px;font-weight:400;margin:0 0 16px;padding:0;text-align:center;text-transform:uppercase}header h1 a{padding:8px}header nav{flex:1}header ul{align-items:center;display:flex;justify-content:flex-end;margin:0;padding:0}header ul li{list-style-type:none;margin:0;padding:0;width:22.5%}header ul li.selected a{background-color:rgba(255,255,255,.2);border-radius:8px;text-decoration:underline}header ul li a{display:block;font-weight:600;padding:8px;text-align:center;text-decoration:none}header ul li img{height:32px}header form{display:flex;padding:0 0 16px;width:100%;justify-content:space-between}header form input{-webkit-appearance:none}header form input[type=search]{background-color:rgba(255,255,255,.75);border:0;border-radius:16px 0 0 16px;color:var(--black);flex:1;font-size:16px;font-weight:500;margin:0;padding:8px}header form input[type=search]:focus{outline:0}header form input[type=submit]{background-color:var(--white);border:0;border-radius:0 16px 16px 0;font-size:16px;font-weight:500;margin:0;padding:8px 16px;text-transform:uppercase}header a{color:#fff;text-decoration:none}header a:hover{text-decoration:underline}article{padding:16px 0}article aside{background-color:rgba(255,255,255,.25);border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:8px 0 24px;padding:16px}article aside h1{margin:0 0 16px;width:100%}article aside img{border-radius:8px;box-shadow:0 0 20px rgba(31,31,31,.5);height:128px;width:128px}article aside blockquote{flex:1;margin:0 24px 0 0;max-width:45ch}article aside blockquote p{font-style:italic;margin:0;padding:0}article aside blockquote cite{display:block;text-align:right}article aside a{color:var(--white)}article>h2{border-bottom:1px solid var(--border);font-size:16px;margin:24px 0;padding:0 0 8px}dl{border:1px solid var(--border);border-radius:16px;box-shadow:0 0 16px #000;color:var(--black);margin:16px 0 0}dl:first-child{margin:0 auto}dl dt{background-color:var(--black);color:var(--white);border-radius:16px 16px 0 0;display:flex;padding:16px}dl dt img{border-radius:8px;box-shadow:0 0 10px -3px rgba(31,31,31,.5);height:40px;margin-right:16px;width:40px}dl dt h3{flex:1;font-size:16px;font-weight:500;margin:0;padding:0}dl dt em{display:block;font-weight:300;font-style:normal}dl dd{background-color:var(--white);border-radius:0 0 16px 16px;margin:0;padding:16px}dl dd ol{list-style-type:none;margin:0;padding:0}dl dd ol li{margin:0;padding:8px 0 0}dl dd ol li:first-child{padding:0}dl dd details{background-color:rgba(0,0,0,.1);border-radius:5.3333333333px;font-size:12px;margin:16px 0 0}dl dd details summary,dl dd details p{color:var(--black);padding:8px}dl dd details summary{cursor:pointer;outline:0}dl dd details p{background-color:rgba(255,255,255,.25);border-top:1px solid var(--white);margin:0}dl dd details a{color:var(--black)}footer{margin:0 auto}footer section{border-color:var(--border);border-style:solid;border-width:1px 0 0;margin:0}footer section p{margin:16px}footer a{color:var(--white)}#songs section{display:grid;grid-gap:16px;grid-template-columns:min(20%, 200px) min(calc(80% - 16px), 800px);margin:0;padding:0 0 24px}#songs section>h2,#songs section>h3{color:var(--white);text-align:right}#songs section h2{font-size:32px;font-weight:500;grid-column:1/2;margin:0;padding:0}#songs section>h3{font-size:24px;font-weight:300;grid-column:1/2;margin:0;padding:0 16px 0 0;position:relative}#songs section>h3:before{background-color:var(--border);border-radius:2px;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:4px}#songs section>h3 span{position:sticky;top:180px}#songs section>div{margin:0}.error{min-height:100vh}@media screen and (min-width: 800px){header{margin:0 auto}dl dt img{height:48px;width:48px}article aside img{height:128px;width:128px}}