:root{--bg: #eee;--fg: #000}html,body,#root{width:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2em}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}a,a:visited{color:var(--fg)}.links p a{text-decoration:none}.links p{text-decoration:underline dotted;cursor:pointer}h1,p{margin:0}p:not(:nth-child(2)).titleScreen,.button.titleScreen{margin-top:1rem}p:nth-child(2).titleScreen{margin-top:.5rem}.button,.button:visited{display:inline-block;padding:.6rem .8rem;border-radius:8px;text-decoration:none;color:var(--bg);background-color:var(--fg)}.links{display:flex;flex-direction:row;gap:1rem}.links p{margin:0 0 1rem}#album{display:flex;flex-direction:column;align-items:center;width:calc(100% - 2rem)}#album-record{width:calc(100% - 1rem);aspect-ratio:1;border-radius:50%;background-image:url(https://album.piemadd.com/images/vinyl_back.png);background-size:cover;margin-bottom:-40%;display:flex;align-items:center;justify-content:center}#album-record img{width:36%;height:36%;border-radius:50%;object-fit:cover}#album-cover{width:100%;position:relative;background-color:var(--fg);border:4px solid var(--fg)}#album-art{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:0}#album-art img{width:calc(100% / 7);height:auto}#album-label{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:0 6px;bottom:0;left:0;backdrop-filter:blur(0px) brightness(1) saturate(1) hue-rotate(0deg);z-index:100;color:var(--bg);font-weight:600;font-size:1.4em}#album-label p{filter:drop-shadow(0px 0px 4px #000)}#album-score{font-size:1.4em;font-weight:600;text-align:center;margin:.5rem 0}#title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}@media (orientation: portrait){#album{max-width:395px}#album-score{font-size:1.2em}}@media (orientation: landscape){#album{flex-direction:row;max-width:900px}#album-record{margin-bottom:0;margin-right:-30%}}
