body,html{color:#785e6d;background-color:#fff7fb;font-family:sans-serif}header{margin-bottom:4rem;text-align:center}header p{opacity:.7}header p q{font-style:italic}.card-wrapper{position:relative}.card-wrapper span.badge{position:absolute;background:#fff;border:2px solid #ffe3ec;border-radius:99px;font-size:.75rem;font-family:monospace;font-style:italic;padding:0 1rem;z-index:10}.card-wrapper span.badge.top{top:0;transform:translateY(-50%)}.card-wrapper span.badge.bottom{bottom:0;transform:translateY(50%)}.card-wrapper span.badge.left{left:1.5rem}.card-wrapper span.badge.right{right:1.5rem}.card{flex:1;background:#fff;border-radius:24px;border:2px solid #ffe3ec;box-shadow:0 8px 24px rgba(255,166,201,.15);padding:1rem}.card .text{display:flex;flex-direction:column;gap:.25rem}.card .text h3{margin:0;font-size:1.1rem;font-family:"Quicksand",system-ui,sans-serif}.card .text span{margin:0;font-style:italic;font-size:.9rem;opacity:.7}.git{display:flex;justify-content:space-between}.git .lang{display:flex;gap:.4em;align-items:center}.git .lang .color{display:inline-block;width:.6em;height:.6em;border-radius:50%}.track{display:flex;align-items:center;gap:1rem}.track .cover{position:relative;overflow:hidden;width:84px;height:84px;border-radius:18px;box-shadow:0 6px 18px rgba(0,0,0,.15);clip-path:inset(0 round 18px)}.track .cover img{object-fit:cover;width:100%;height:100%}.track .cover .blur{filter:blur(4px);-webkit-filter:blur(4px);transform:scale(1.3)}.scrobbles{align-self:stretch;justify-self:stretch}.scrobbles .counter{display:flex;flex-wrap:nowrap;justify-content:center;width:100%}.scrobbles .counter img{flex:0 1 auto;min-width:0;object-fit:contain;max-height:136px}main>article.overview{grid-area:overview}main>article.links{grid-area:links}main>article.buttons{grid-area:buttons}main>img.picture:nth-of-type(1){grid-area:pic1}main>img.picture:nth-of-type(2){grid-area:pic2}main{display:grid;grid-template-columns:1fr;grid-template-areas:"overview" "pic1" "links" "pic2" "buttons";gap:1.5rem;align-items:stretch;max-width:1024px;margin-inline:auto;padding-inline:1rem}@media (min-width: 768px){main{grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-areas:"overview pic1" "pic2 links" "buttons buttons"}}@media (min-width: 1636px){main{grid-template-columns:repeat(2, minmax(0, 1fr)) 128px;grid-template-areas:"overview pic1 pic1" "pic2 links buttons";max-width:1368px}}main article{display:flex;flex-direction:column;gap:1.5rem;min-height:0}main img.picture{aspect-ratio:1/1;border-radius:32px;box-shadow:0 8px 24px rgba(255,166,201,.15);width:100%;height:100%;object-fit:cover;transition:ease-in-out 125ms}@media (min-width: 1636px){main img.picture{aspect-ratio:4/3}}main img.picture:hover{transform:scale(1.04) rotateZ(1deg)}article.buttons{display:flex;height:100%;width:100%}@media (min-width: 1636px){article.buttons .badge{display:none}}article.buttons .card{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media (min-width: 1636px){article.buttons .card{display:flex;flex-direction:column;justify-content:center}}ul.links span{opacity:.7;font-style:italic}a{color:#785e6d}